Item

A flexible row primitive for pairing media, primary content, metadata, and actions.

Installation

bunx @swift-rust/ui add item

Usage

tsx

1import { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle } from "@/components/ui/item";
2 
3<Item>
4  <ItemMedia>✓</ItemMedia>
5  <ItemContent>
6    <ItemTitle>Deploy succeeded</ItemTitle>
7    <ItemDescription>main · class="text-amber-400">12 seconds ago</ItemDescription>
8  </ItemContent>
9  <ItemActions>View</ItemActions>
10</Item>

Composition

Item is composed of these parts:

Item
├── ItemMedia
├── ItemContent
│   ├── ItemTitle
│   └── ItemDescription
└─�� ItemActions

Examples

Deploy succeeded

main@a1b2c3 · 12s ago

← Input OTP Kanban →