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

PropTypeDefaultRequiredDescription
size"default" | "sm" | "xs""default"NoShared 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