Card

Displays a card with header, content, and footer.

Workspace overview

Track usage, seats, and billing for the current environment.

Primary

Active seats are billed monthly. Unused seats roll over for one cycle.

Installation

Import from the package. Do not run shadcn add in your app.

tsx

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@carsxe/design-system/components/card"

Usage

tsx

import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@carsxe/design-system/components/card"

<Card>
  <CardHeader>
    <CardTitle>Title</CardTitle>
    <CardDescription>Description</CardDescription>
  </CardHeader>
  <CardContent>Content</CardContent>
</Card>

API Reference

Prop	Type	Default
size	"default" \| "sm"	"default"