Card
Superfície que agrupa um assunto: cabeçalho com título, descrição e ação opcional, conteúdo e rodapé. As partes só cuidam de espaçamento e tipografia; o conteúdo fica livre.
Resumo do envelope
Cabeçalho com ação à direita. O CardAction ocupa a segunda coluna e acompanha título e descrição.
Contrato de locação · Sala 1204
Enviado em 14/10/2026 por Marina Costa
StatusEm assinatura
Assinaturas2 de 3
Expira em31/10/2026
Planos de envio
Cards lado a lado, sem ação no cabeçalho. No celular eles empilham.
Essencial
20 envelopes por mês, assinatura eletrônica simples.
R$ 49 por mês
Profissional
100 envelopes, ordem de assinatura e lembretes automáticos.
R$ 129 por mês
Certificado
Envelopes ilimitados e assinatura com ICP-Brasil A1 e A3.
R$ 289 por mês
Partes
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| Card | div | — | Superfície com borda, raio xl e sombra xs. Organiza as partes em coluna. |
| CardHeader | div | — | Grade de título e descrição. Com CardAction, ganha uma segunda coluna. Com border-b, ganha respiro inferior. |
| CardTitle | div | — | Título em text-card-title. |
| CardDescription | div | — | Texto de apoio em text-body-sm, cor fg-muted. |
| CardAction | div | — | Ação alinhada à direita do cabeçalho, ocupando as duas linhas. |
| CardContent | div | — | Corpo com o mesmo recuo lateral do cabeçalho. |
| CardFooter | div | — | Linha de ações. Com border-t, ganha respiro superior. |