Carregando…Carregando…Carregando…Carregando…Badge with a color × size × rounded × border variant matrix, built with class-variance-authority.
$ npx kikitocn add advanced-badges@/lib/utilsclass-variance-authorityimport { AdvancedBadges } from "@/components/ui/cn/advanced-badges/AdvancedBadges";
export function AdvancedBadgesExample() {
return (
<AdvancedBadges color="primary" size="sm">
Advanced Badges
</AdvancedBadges>
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
color | 'primary' | 'secondary' | 'violet' | 'rose' | 'danger' | 'success' | 'warning' | 'info' | 'neutral' | 'neutral' | Família de cor semântica |
size | 'sm' | 'md' | 'lg' | 'icon' | 'md' | Tamanho do badge |
rounded | 'sm' | 'md' | 'lg' | 'full' | 'md' | Raio da borda |
border | boolean | false | Exibe contorno colorido |
children* | React.ReactNode | — | Conteúdo do badge |
className | string | — | Classes CSS extras |
color × rounded=lg
border × rounded=full