Skip to content
Versão preliminar. Cores, componentes e layout ainda vão mudar: falta receber o padrão de interface do TJES (template-basico-vue) e o manual de identidade visual.

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 title vira um <h2> com a aparência de h4. 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>
PropriedadeTipoPadrãoDescrição
titlestring—Título do cartão, renderizado como <h2>
SlotConteúdo
padrãoO 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>; com title, o <h2> dá o nome dele na estrutura de títulos da página.
  • Testado com axe com e sem título.