🚀 saastro/ui (Astro)
JD
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
Item
| 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 |