Card
Structured container with header, content, and footer sections.
Import/Installation
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@lottiefiles/creator-plugins-ui";Preview
Usage
<Card size="sm">
<CardHeader>
<CardTitle>Title</CardTitle>
<CardDescription>Description</CardDescription>
</CardHeader>
<CardContent>Content</CardContent>
<CardFooter>Actions</CardFooter>
</Card>Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| size | "default" | "sm" | "xs" | "default" | No | Shared size scale passed to card sub-components via context. |
CardHeader, CardTitle, CardDescription, CardContent, and CardFooter each accept an optional size prop with the same "default" | "sm" | "xs" values, which overrides the inherited size for that section.
Last updated: August 5, 2026 at 11:47 AMEdit this page