Item
A flexible list item component for displaying structured content with media, text, and actions.
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'outline' | 'muted' | 'default' | The visual style variant. |
size | 'default' | 'sm' | 'default' | The size of the item. |
as | string | 'div' | The element to render as. |
asChild | boolean | - | Render as child element. |
Sub-components
ItemGroup
Groups multiple items
ItemHeader
Header section
ItemMedia
Icon or image area
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'icon' | 'image' | - | Display variant |
ItemContent
Text content area
ItemTitle
Title text
ItemDescription
Description text
ItemFooter
Footer section
ItemActions
Action buttons area
ItemSeparator
Visual separator between items