Components
Loading preview...
Here is The Item components
@felipemenezes098
npx shadcn@latest add https://21st.dev/r/felipemenezes098/the-item-oneimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
import { Button } from '@/components/ui/the-item-one'
import {
Item,
ItemActions,
ItemContent,
ItemDescription,
ItemMedia,
ItemTitle,
} from '@/components/ui/item'
export default function Item08() {
return (
<Item variant="outline" className="w-full max-w-md">
<ItemMedia variant="image">
<Avatar className="size-full rounded-sm">
<AvatarImage
src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=200&q=80"
alt=""
/>
<AvatarFallback>SC</AvatarFallback>
</Avatar>
</ItemMedia>
<ItemContent>
<ItemTitle>Sarah Chen</ItemTitle>
<ItemDescription>Product designer · Berlin</ItemDescription>
</ItemContent>
<ItemActions>
<Button variant="outline" size="sm">
Follow
</Button>
</ItemActions>
</Item>
)
}