Card

Container para agrupar conteúdo relacionado.

Básico

Título do card

Descrição opcional.

Conteúdo principal do card aqui.

Variantes

`default` tem borda suave e `shadow-xs` — padrão do dashboard. `plain` remove a borda e usa apenas `shadow-sm`; use quando o card aparece sobre uma superfície mais escura ou texturizada, onde a sombra sozinha já comunica elevação.

Default (com borda)

Título do card

Descrição opcional.

Conteúdo principal do card aqui.

Plain (sem borda)

Título do card

Sobre uma superfície tonalizada, o card sem borda destaca-se apenas pela sombra.

Conteúdo principal do card aqui.

Card de métrica

Imóveis ativos

1.284

+12% vs mês anterior

Taxa de ocupação

94.2%

+2.1% vs mês anterior

Inadimplência

3.1%

+0.5% vs mês anterior

Card com lista

Informações

Tipo

Residencial

Endereço

Rua das Flores, 123

Unidades

Ocupação

95.8%

Composição completa, exemplos e detalhes no shadcn: shadcn/ui — Card