Tags

Tags are a way to apply multiple labels to an item.

Installation

npx kibo-ui@latest add tags

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

Create a tag

Filter available tags