Components/Card
Card
A composable container with optional header, body, and footer slots. Use it as a generic layout wrapper for any content.
import { Card, CardHeader, CardContent, CardFooter } from "@animui/ui"Basic usage
Compose Card with its slot sub-components.
Card title
ActiveOptional subtitle or description text.
Card body content goes here. Cards compose freely with any content.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "glass" | "gradient" | "dark" | "outline" | "default" | Visual style of the card surface. |
hover | "none" | "lift" | "glow" | "tilt" | "lift" | Hover animation applied to the card. |
children | React.ReactNode | — | Card content — use CardHeader, CardContent, and CardFooter sub-components. |
className | string | — | Additional Tailwind classes applied to the card container. |