Item

Flexible list rows with media, content, and actions.

shadcn/ui · new-york-v4 · synced Aug 29, 2026shadcn/uinew-york-v4 · synced Aug 29, 2026

Installation

import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemGroup, ItemSeparator } from "@aspyn-io/kit";

Item

A flexible row: media, content (title + description), and trailing actions.

Q3 report.pdf

2.4 MB · updated 3 days ago

Grouped list

Billing

Manage invoices and payment methods.

Members

Invite and manage teammates.

Notes

  • variant: default | outline | muted; size: default | sm. Pass asChild to render the whole row as a link or button.
  • ItemMedia variant='icon' | 'image' frames the leading slot; ItemHeader/ItemFooter add full-width rows above/below the content.