Card

display

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

Preview

Create project

Deploy your new project in one-click.

Installation

npm install @launchapp/design-system
Import
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@launchapp/design-system";

Examples

Basic Card

<Card className="w-[350px]">  <CardHeader>    <CardTitle>Card Title</CardTitle>    <CardDescription>Card Description</CardDescription>  </CardHeader>  <CardContent>    <p>Card content goes here.</p>  </CardContent>  <CardFooter>    <Button>Action</Button>  </CardFooter></Card>

Props

PropTypeDefaultDescription
className
string—Additional CSS classes for the card container.
← PreviousCalendar
Next →Chart