Components
Loading preview...
Here is The Item components
@felipemenezes098
npx shadcn@latest add https://21st.dev/r/felipemenezes098/the-item-oneimport {
Item,
ItemContent,
ItemDescription,
ItemMedia,
ItemTitle,
} from '@/components/ui/item'
import { ArrowUpRightIcon, BookOpenIcon } from 'lucide-react'
export default function Item10() {
return (
<Item asChild variant="outline" className="w-full max-w-md">
<a href="#">
<ItemMedia variant="icon">
<BookOpenIcon />
</ItemMedia>
<ItemContent>
<ItemTitle>Read the documentation</ItemTitle>
<ItemDescription>
Learn how to compose blocks with patterns.
</ItemDescription>
</ItemContent>
<ArrowUpRightIcon className="text-muted-foreground size-4" />
</a>
</Item>
)
}