Modern Simple Badges

Inputs

Minimal single-color tinted badge with no border or icon.

Modern Simple Badges — fundo tintado translúcido por cor

primary badgesecondary badgeviolet badgerose badgedanger badgesuccess badgewarning badgeinfo badgeneutral badge

Instalação via CLI

$ npx kikitocn add modern-simple-badges

Interno:

@/lib/utils

Exemplo de uso

Modern Simple BadgesExample.tsx

import { ModernSimpleBadges } from "@/components/ui/cn/modern-simple-badges/ModernSimpleBadges";

export function ModernSimpleBadgesExample() {
  return (
    <ModernSimpleBadges color="primary">
      Modern Simple Badges
    </ModernSimpleBadges>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`color`	`'primary' \| 'secondary' \| 'violet' \| 'rose' \| 'danger' \| 'success' \| 'warning' \| 'info' \| 'neutral'`	`'primary'`	Família de cor semântica
`children*`	`React.ReactNode`	—	Conteúdo do badge
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…