Components
Loading preview...
Here is Blog Card Component
@prebuiltui
npx shadcn@latest add https://21st.dev/r/prebuiltui/cardsimport React from "react";
export default function Example() {
return (
<div className="p-4 bg-white rounded-lg shadow max-w-80">
<img className="rounded-md max-h-40 w-full object-cover" src="https://images.unsplash.com/photo-1560264418-c4445382edbc?q=80&w=400" alt="officeImage" />
<p className="text-gray-900 text-xl font-semibold ml-2 mt-2">Your Card Title</p>
<p className="text-gray-500 text-sm my-3 ml-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore..</p>
</div>
);
};