Visão Geral
Design System
Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o Design System do GovBR.
Exemplos
Básico
Propriedades
customId
| |
|---|
| Atributo | custom-id |
| Descrição | Identificador único; gerado automaticamente quando omitido. |
| Tipo | string |
| Valor padrão | Helpers.generateUniqueId('br-card') |
disabled
| |
|---|
| Atributo | disabled |
| Descrição | Define se o card está desabilitado.
Quando true, o card fica com opacidade reduzida e não responde a interações. |
| Tipo | boolean |
| Valor padrão | false |
hover
| |
|---|
| Atributo | hover |
| Descrição | Define se o card tem hover interativo.
Quando true, o card terá efeitos visuais ao passar o mouse. |
| Tipo | boolean |
| Valor padrão | false |
CSS Shadow Parts
| Nome | Descrição |
|---|
"content" | |
"footer" | |
"header" | |
"wrapper" | |
Slots
| Nome | Descrição |
|---|
"content" | Slot para o corpo principal do card ao usar a estrutura de slots. |
"default" | Slot para conteúdo livre do card, quando não usar a estrutura de slots nomeados. |
"footer" | Slot para o conteúdo do rodapé do card. |
"header" | Slot para o conteúdo do cabeçalho do card. |
Dependências
Usado por
Gráfico
Migração: Vue 1.x → Stencil 2.x
Propriedades
🟦 Propriedades renomeadas
| Propriedade Vue | Propriedade Stencil | Descrição | Tipo | Padrão |
|---|
:disabled | disabled | Aplica estado desabilitado (Vue usava binding, Stencil usa atributo) | boolean | false |
🟥 Propriedades removidas
| Propriedade | Descrição | Tipo | Padrão |
|---|
h-fixed | Altura fixa com scroll (não implementado no Stencil) | boolean | false |
v-tooltip | Configuração de tooltip (removido - usar soluções externas) | object | - |
Slots
🟦 Slots renomeados
| Slot Vue | Slot Stencil | Descrição |
|---|
#content | slot="content" | Sintaxe de slot mudou de template para atributo |
#footer | slot="footer" | Sintaxe de slot mudou de template para atributo |
#header | slot="header" | Sintaxe de slot mudou de template para atributo |