Chip base
AlpopBaseChip é uma pílula compacta de rótulo, com ícone opcional e ação de remoção. As variantes seguem as cores de status do design system.
FiltroAtivoEm análiseCanceladoPendenteRascunhoRemovível
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
label | String | Number | — | Texto do chip (obrigatório) |
variant | String | "purple" | blue, danger, gray, green, purple, warning |
shape | String | "pill" | pill ou rounded |
size | String | "md" | sm ou md |
icon | String | null | Nome de ícone exibido antes do texto |
removable | Boolean | false | Exibe o botão de remoção |
removeLabel | String | null | Sobrescreve o aria-label do botão de remoção |
maxWidth | String | null | Largura máxima (CSS); o texto trunca com reticências |
minWidth | String | null | Largura mínima (CSS) |
title | String | null | Atributo title; por padrão usa o label |
Eventos
| Evento | Payload | Descrição |
|---|---|---|
remove | — | Emitido ao clicar no botão de remoção |
Traduções
Quando removable, o aria-label do botão de remoção é resolvido pelo tradutor: a prop remove-label vence; senão a chave components.baseChip.remove (fallback pt-BR Remover). Veja Chaves de tradução.