Card

Container for related content with optional footer.

Basic

Card title

Optional description.

Main content goes here.

Variants

`default` is bordered with a soft `shadow-xs` — the dashboard standard. `plain` drops the border and uses `shadow-sm` only; use it when the card sits over a darker or textured surface where the shadow alone reads cleanly.

Default (bordered)

Card title

Optional description.

Main content goes here.

Plain (no border)

Card title

On a tinted surface, the borderless card reads as elevation.

Main content goes here.

Metric card

Active properties

1,284

+12% vs previous month

Occupancy

94.2%

+2.1% vs previous month

Delinquency

3.1%

+0.5% vs previous month

Card with list

Info

Type

Residential

Address

123 Main St

Units

Occupancy

95.8%

Full shadcn composition, examples, and field tables: shadcn/ui — Card