Tag
Um componente de tag com suporte a cor personalizada e remoção opcional.
💰 Comercial
🛠️ Suporte
📝 Agendamento
💾 Salvar
Utilização
index.tsx
import { Tag } from "@convertcompany/ui";
Exemplos
Com cor personalizada
Você pode alterar a cor de fundo da tag com a prop color. A cor do texto será ajustada automaticamente para garantir legibilidade.
Sucesso
Atenção
Erro
Com botão de remoção
Utilize a prop onRemove para exibir um botão de fechamento (×) na tag.
Tag removível×
Props
| Propriedade | Tipo |
|---|---|
| childrenConteúdo da tag. | ReactNode |
| classNameClasse CSS adicional. | string |
| colorCor de fundo personalizada (hex, rgb, etc). | string |
| onRemoveExibe botão de remoção e dispara callback ao clicar. | (e: MouseEvent) => void |
| styleEstilo inline adicional. | React.CSSProperties |
| ...propsOutras props de uma DIV. | React.HTMLAttributes<HTMLDivElement> |