Item
A selectable list item with selected, highlighted, and disabled states.
item-demo.app
Selected item
Regular item
Another item
Disabled item
Installation
terminal.sh
npx y2kui@latest add itemUsage
import { Item, ItemLabel, ItemIndicator } from "@/components/ui/item"
<Item selected>
<ItemIndicator>✓</ItemIndicator>
<ItemLabel>Selected option</ItemLabel>
</Item>Props
| Prop | Type | Default | Description |
|---|---|---|---|
selected | boolean | false | Marks the item as selected. |
disabled | boolean | false | Disables interaction. |
className | string | — | Additional Tailwind classes. |