Studiov0.6.0

Card

Tier 1 — shadcn
Data Display

A surface container grouping related content with header, body, and footer zones.

Live Preview

Prairie Vista Project
4,000 acres · Alberta, Canada

Regenerative agriculture with carbon sequestration.

Code

import { Card } from "@regen/ui";

<Card />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Entity detail cards
  • •Dashboard metric panels
  • •Form containers

Do

  • ✓Use CardHeader/CardContent/CardFooter for consistent structure
  • ✓Compose with Badge and Avatar for rich headers

Don't

  • ✗Don't nest Cards inside Cards
  • ✗Don't use Card as a page-level wrapper