Noice UINoice UI
Create project
Deploy your new project in one-click.

Your project is ready to ship.

Card

Displays a card with header, content, and footer sections.

Layout
Create project
Deploy your new project in one-click.

Your project is ready to ship.

Installation

bash
npx shadcn@latest add https://ui.noicess.fun/r/card.json

Props

PropTypeDefaultDescription
Card / CardHeader / CardContent / CardFooterReact.HTMLAttributes<HTMLDivElement>-Container parts. Accept className and all div props.
CardTitle / CardDescriptionReact.HTMLAttributes<HTMLDivElement>-Pre-styled typography for the header section.