Components
Loading preview...
Here is The Item components
@felipemenezes098
npx shadcn@latest add https://21st.dev/r/felipemenezes098/the-item-oneimport {
Item,
ItemContent,
ItemDescription,
ItemTitle,
} from '@/components/ui/item'
export default function Item03() {
return (
<div className="flex w-full max-w-md flex-col gap-3">
<Item variant="default">
<ItemContent>
<ItemTitle>Default</ItemTitle>
<ItemDescription>Borderless, transparent background.</ItemDescription>
</ItemContent>
</Item>
<Item variant="outline">
<ItemContent>
<ItemTitle>Outline</ItemTitle>
<ItemDescription>Visible border, no fill.</ItemDescription>
</ItemContent>
</Item>
<Item variant="muted">
<ItemContent>
<ItemTitle>Muted</ItemTitle>
<ItemDescription>Soft muted background, no border.</ItemDescription>
</ItemContent>
</Item>
</div>
)
}