Item
List row primitive. Composes ItemMedia, ItemContent (with ItemTitle and ItemDescription), ItemActions, and ItemFooter into a flexible row that fits navigation lists, settings, and contact cards.
Default
Media + content + actions.
Push notifications
Send notifications to device.
Stacked list
Group items inside ItemGroup with ItemSeparator.
Profile
Manage your personal info.
Notifications
Email and push preferences.
Security
Password and 2FA.
Variants
Item supports default, outline, and muted visual styles.
Default
The standard row style.
Outline
Bordered for emphasis.
Muted
Subtle filled background.
API Reference
Props, events, and slots for each sub-component.
Item
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "outline" | "muted" | "default" | Visual style. |
| size | "default" | "sm" | "default" | Padding density. |
ItemMedia
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "icon" | "image" | "default" | Media presentation style. |
ItemContent / ItemTitle / ItemDescription
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| class | string | — | Text column of the row. Content stacks Title (font-medium) over Description (muted). |
ItemActions / ItemHeader / ItemFooter
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| class | string | — | Trailing actions, and optional header/footer rows around the main content. |
ItemGroup / ItemSeparator
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| class | string | — | Group stacks multiple Items; Separator draws a divider between them. |