# Tags Input

Enter several values as tags.

Group: Forms

## Import

```tsx
import { TagsInput } from "@indoku/ui"
```

## Examples

### Basic usage

```tsx
function TagsInputDemo() {
  return (
    <TagsInput.Root defaultValue={["React", "Emotion"]} maxW="sm">
      <TagsInput.Label>Tag</TagsInput.Label>
      <TagsInput.Control>
        <TagsInput.Items />
        <TagsInput.Input placeholder="Tambah tag…" />
      </TagsInput.Control>
    </TagsInput.Root>
  )
}
```