Tags

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

Installation

        npx shadcn-svelte@latest add http://adv76.github.io/kibo-svelte/r/tags.json
    

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