Todos os componentes

Badge with Icon

Badge with Icon é um componente de feedback para React e Tailwind CSS, da biblioteca Bund UI, com licença MIT. Copia e cola no teu projeto.

Bund UI MIT feedback

O que é

Badge with Icon é um componente de feedback para React e Tailwind CSS, da biblioteca Bund UI, com licença MIT. Copia e cola no teu projeto.

Como usar

Abre o componente no catálogo, carrega em copiar, e cola no teu projeto. O prompt copiado leva o código e as regras para o teu agente o reproduzir sem alterar nada.

Abrir no catálogo

Cinco cópias grátis por mês. Sem cartão.

Precisa de

npm i lucide-react

Licença

Este componente vem de Bund UI e é redistribuído sob a licença MIT, que permite uso comercial. O aviso de copyright viaja com o código.

Badge with Icon

examples/components/badge/with-icon/page.tsx
import { Badge } from "@/components/ui/badge";
import { CheckIcon } from "lucide-react";

export default function BadgeWithIcon() {
  return (
    <Badge variant="outline">
      <CheckIcon className="size-3 text-green-700" />
      Completed
    </Badge>
  );
}

Componentes parecidos