Бейдж

Badge отображается как span, ссылка или кнопка в зависимости от свойств. Оформление передаётся через className, а необязательный icon вставляет произвольную декоративную иконку перед подписью.

Пример

Интерактивный пример

ГотовоНа проверкеЧерновикЗаблокировано

Использование

Импортируйте компонент из публичной точки входа пакета.

import { Badge } from "denjs-ui";
import { CircleCheck } from "lucide-react";

export function Example() {
  return (
    <Badge
      className="bg-emerald-50 text-emerald-700"
      icon={<CircleCheck />}
      iconClassName="text-emerald-500"
    >
      Ready
    </Badge>
  );
}