Tags

Powered by

Radix UIShadcn UIKibo UILucide

When to use

Tags provide a way to apply multiple labels to items. Use this decision tree:

Installation

Features

• Built-in search input to filter through tags
• Supports both controlled and uncontrolled usage
• Fully customizable through className props
• Automatically adjusts width based on parent container
• Optional remove button for selected tags
• Full keyboard navigation support through Command component
• Shared state management through TagsContext

Examples

Default

Filter

Credits

• We use Kibo UI for the tags component and style.