# Card

> A surface that groups related content and actions.

_Updated: 2026-06-04_

A surface that groups related content and actions.

## Installation

```bash
railbase ui add card
```

## Usage

```tsx
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@/lib/ui/card";

<Card>
  <CardHeader>
    <CardTitle>Project</CardTitle>
    <CardDescription>Deploy in one click.</CardDescription>
  </CardHeader>
  <CardContent>Card body.</CardContent>
  <CardFooter>Footer.</CardFooter>
</Card>
```

## Anatomy

Exported parts: `Card` · `CardHeader` · `CardTitle` · `CardDescription` · `CardContent` · `CardFooter`