Cartão
AlpopCard é o container de superfície da biblioteca. Um único componente cobre todas as formas de cartão: uma superfície simples com padding, uma seção com ícone e título, e um painel expansível.
O cabeçalho é opcional: sem title, description, icon ou ações, ele é omitido e o cartão vira apenas uma superfície com padding.
Seção com ícone
Simples
Expansível
Passe expansible para tornar o corpo recolhível. Só então o cartão renderiza o botão de alternância — um <button> real com aria-expanded/aria-controls, de modo que um cartão estático nunca adiciona uma parada de foco no teclado.
Com uuid, o estado aberto/fechado é persistido em localStorage sob essa chave e restaurado na montagem (tendo precedência sobre expanded).
Erro
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
title | String | null | Título exibido no cabeçalho |
icon | String | null | Nome do ícone; renderiza o quadrado de ícone |
description | String | null | Linha secundária abaixo do título |
expansible | Boolean | false | Torna o corpo recolhível e renderiza o botão de alternância |
expanded | Boolean | false | Estado inicial aberto (só quando expansible) |
uuid | String | — | Persiste o estado aberto/fechado em localStorage |
error | Boolean | false | Borda, título e ícone em vermelho |
Slots
| Slot | Descrição |
|---|---|
default | Conteúdo do card |
icon | Substitui o conteúdo do quadrado de ícone |
title-suffix | Conteúdo ao lado do título (ex.: um contador) |
header-actions | Ações exibidas à direita do cabeçalho |
footer | Rodapé alinhado à direita |
Eventos
| Evento | Descrição |
|---|---|
expanding | Emitido quando o corpo abre; nunca quando ele é recolhido |