Badge
Indicadores e etiquetas pequenas.
Badge
Primary Secondary Outline
<!-- Badge Component -->
<div class="badge">
Badge content here
</div>---
import Badge from '@/components/ui/data-display/Badge/Badge.astro';
---
<Badge />Uso
Quando usar
- Use Badge para indicadores e etiquetas pequenas.
- Ideal para interfaces que precisam de exibição de dados
Boas práticas
- Mantenha consistência com outros componentes da mesma categoria
- Considere acessibilidade e estados de interação
- Teste em diferentes tamanhos de tela