Card
A versatile card component system with modular architecture and dark mode support
Installation
Install the Card component using the nocta-ui CLI:
npx @nocta-ui/cli add cardThen import the components you need:
import {
Card,
CardHeader,
CardTitle,
CardDescription,
CardContent,
CardFooter,
CardActions,
} from '@/components/ui/card';Examples
Default Card
Card with Actions
API Reference
Card
Prop
Type
CardHeader
Prop
Type
CardTitle
Prop
Type
CardDescription
Prop
Type
CardContent
Prop
Type
CardFooter
Prop
Type
CardActions
Prop
Type