TagsInput

A tag input for adding and removing tags. Built on Ark UI .

Import


import { TagsInput } from '@grannyshot/ui'


<TagsInput label="Tags" defaultValue={['React']} placeholder="Add tag..." />


<TagsInput size="sm" defaultValue={['Small']} />
<TagsInput size="md" defaultValue={['Medium']} />
<TagsInput size="lg" defaultValue={['Large']} />

Prop	Type	Default	Description
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Input size
`label`	`string`	—	Label text
`placeholder`	`string`	`'Add tag...'`	Input placeholder
`defaultValue`	`string[]`	—	Default tags
`value`	`string[]`	—	Controlled tags
`disabled`	`boolean`	`false`	Disabled state
`className`	`string`	—	Additional CSS classes