Tags Input
A YouTube/GitHub-style tags input for React with chip UI, keyboard shortcuts (Enter/Comma/Backspace), paste-to-chips, and optional autocomplete. Accessible and customizable for modern forms.
Tags WithEdit
Installation
npx uilayouts@latest add tags-input
Props
| Prop | Type | Default | Description |
|---|---|---|---|
tags | string[] | [] | Array of strings representing the tags to display in the input. |
setTags | React.Dispatch<React.SetStateAction<string[]>> | - | Function to update the tags array, typically used with a useState hook. |
editTag | boolean | true | Optional flag that enables or disables the ability to edit tags in the input compone |