Card

Container for header, body, and footer.

Preview

Enter your email below to login to your account

A short body of copy that wraps at this width.

Need help?

Enter your email below to login to your account

A short body of copy that wraps at this width.

Need help?

Installation

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/card.json

$ pnpm dlx shadcn@latest add @stylexcn/card

Usage

<Card>
  <CardHeader>
    <CardTitle>Login to your account</CardTitle>
    <CardDescription>Enter your email below.</CardDescription>
  </CardHeader>
  <CardContent>Body</CardContent>
  <CardFooter>Need help?</CardFooter>
</Card>