Tema
BaseCard
Agrupa um bloco de conteúdo da página, com título opcional: um resumo, uma lista de dados ou um formulário curto.
Orçamento
Valor contratado de R$ 1.250.000,00, com duas medições aprovadas.
Uso
- Use para separar blocos que a pessoa lê um de cada vez. Para dividir um formulário, use o BaseFormSection.
- O
titlevira um<h2>com a aparência deh4. Use o cartão dentro de uma página cujo título é o<h1>, como no BasePage. - Sem
title, o cartão é só a moldura; dê um título ao conteúdo de dentro se ele precisar de um.
Código
vue
<BaseCard title="Orçamento">
<BaseSummaryList :items="resumo" />
</BaseCard>| Propriedade | Tipo | Padrão | Descrição |
|---|---|---|---|
title | string | — | Título do cartão, renderizado como <h2> |
| Slot | Conteúdo |
|---|---|
| padrão | O conteúdo do cartão |
Estilo
O cartão usa o .card do Bootstrap. O fundo vem de --bs-body-bg, que o tema liga a --tj-background, e o título usa o papel tipográfico h4.
Acessibilidade
- O cartão é uma
<section>; comtitle, o<h2>dá o nome dele na estrutura de títulos da página. - Testado com axe com e sem título.