Tag Input

Unstable component

This component is unstable and may change in the future.

Preview

Usage

import { z } from 'zod';
import { AutoForm } from 'vitnode-frontend/form/auto-form';
import { AutoFormTagInput } from 'vitnode-frontend/form/fields/tags';
import { zodTag } from 'vitnode-frontend/helpers/zod';

const formSchema = z.object({
  keywords: zodTag,
});

<AutoForm
  formSchema={formSchema}
  fields={[
    {
      id: 'keywords',
      component: AutoFormTagInput,
    },
  ]}
/>

Multiple

<AutoForm
  formSchema={formSchema}
  fields={[
    {
      id: 'keywords',
      component: props => <AutoFormTagInput {...props} multiple />,
    },
  ]}
/>

API Reference

Prop	Type	Default
`onChange`	`TagInputItemProps \| TagInputItemProps[] \| undefined`	-
`value`	`TagInputItemProps \| TagInputItemProps[]`	-
`placeholder`	`string`	-
`multiple`	`boolean`	`false`
`disabled`	`boolean`	`false`

Preview

Usage

Multiple

API Reference

On this page