Slide-CN

Card

A Card component with a header, content, and a footer.

Overview

This is the Card from Shadcn.

Installation

pnpm dlx shadcn@latest add card
npx shadcn@latest add card
yarn dlx shadcn@latest add card
bunx --bun shadcn@latest add card

Usage

<Card>
  <CardHeader>
    <CardTitle>Card Title</CardTitle>
    <CardDescription>Card Description</CardDescription>
    <CardAction>Card Action</CardAction>
  </CardHeader>
  <CardContent>
    <p>Card Content</p>
  </CardContent>
  <CardFooter>
    <p>Card Footer</p>
  </CardFooter>
</Card>

Built by Prithvi. Code is available on GitHub

On this page