Item

🚀 saastro/ui (Astro)

John Doe

Software Engineer at Acme Corp

⚛️ shadcn/ui (React)

Installation

npx saastro add item

Usage

---
import {
  Item,
  ItemMedia,
  ItemContent,
  ItemTitle,
  ItemDescription,
  ItemActions,
} from "@/components/ui-saastro/item";
---

<Item>
  <ItemMedia>
    <!-- Avatar or icon -->
  </ItemMedia>
  <ItemContent>
    <ItemTitle>Title</ItemTitle>
    <ItemDescription>Description text</ItemDescription>
  </ItemContent>
  <ItemActions>
    <!-- Action buttons -->
  </ItemActions>
</Item>

Props

Prop	Type	Default	Description
variant	`"default" \| "outline" \| "muted"`	`"default"`	Visual style
size	`"default" \| "sm"`	`"default"`	Size variant

ItemGroup

Prop	Type	Default	Description
variant	`"default" \| "card"`	`"default"`	Group container style