Card

Container for displaying structured information.

Card

Create project

Deploy your new project in one click.

Make sure to configure the correct settings and deployment options before proceeding.

Installation

1pnpm dlx shadcn@latest add @glasswave/card

Usage

1import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "glasswave";

1<Card>2  <CardHeader>3    <CardTitle>Title</CardTitle>4    <CardDescription>Description</CardDescription>5  </CardHeader>6  <CardContent>7    Content goes here8  </CardContent>9  <CardFooter>10    Footer actions11  </CardFooter>12</Card>

API Reference

Card, CardHeader, CardContent and CardFooter render a <div>; CardTitle renders an <h3> and CardDescription a <p>. Each accepts the matching native attributes plus className.