Forms · Application UI
Tag input
Tags field, type to add chips (Enter/comma), remove with × or Backspace, optional autocomplete suggestions, semantic tag tones, sizes, and error state.
@byronwade/foundation@byronwade/badge@byronwade/utils@phosphor-icons/react
Feature showcase
Installation
Features
6 examples
Default, Disabled, Error, Max Tags, Sizes, With Suggestions.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/badge | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @phosphor-icons/react | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/tag-input.tsx |
| Default example | content/examples/tag-input/default.tsx |
| Disabled example | content/examples/tag-input/disabled.tsx |
| Error example | content/examples/tag-input/error.tsx |
| Max Tags example | content/examples/tag-input/max-tags.tsx |
| Sizes example | content/examples/tag-input/sizes.tsx |
| With Suggestions example | content/examples/tag-input/with-suggestions.tsx |