TagInput
Form
Multi-value input supporting tag creation, deletion, validation, duplicate detection, and custom tag rendering
Basic Usage
Tags: None
Variants
DefaultTag
PrimaryTag
SecondaryTag
AccentTag
Validation
Only valid email addresses are accepted
Max Tags Limit
Tag 1Tag 2
2/5 tags used
Usage Guidelines
When to Use
- Email recipients
- Keyword tags
- Multi-value inputs
Accessibility
- Tags announced as list
- Removal announced
- Focus management on add/remove
Performance
- Efficient tag rendering
- Debounced validation
Common Mistakes
- No max tag limit
- Not preventing duplicates
Frequently Asked Questions
TagInput allows entering multiple values as tags with creation, deletion, and validation support.
Yes, TagInput can be configured to prevent duplicate tag entries.
Related Components
View allAutocomplete
Asynchronous search input with debounced queries, virtual scrolling for large datasets, and keyboard-driven selection
Checkbox
Accessible checkbox input with indeterminate state support and form integration
CheckboxGroup
Accessible CheckboxGroup for multi-selection, and form integration
ColorPicker
Color selection component with preset colors, HEX/RGB/HSL input, and visual picker interface