Кнопка с иконкой

IconButton использует варианты, размеры, фокус, отключённое состояние и обратную связь Button в квадратной нативной кнопке и передаёт ref этой кнопке. Компонент поддерживает загрузку и необязательную подсказку, сохраняя независимый aria-label.

Пример

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

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

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

import { IconButton } from "denjs-ui";
import { Plus } from "lucide-react";

export function Example() {
  return (
    <IconButton
      tooltipLabel="Add card"
      icon={<Plus />}
      size="sm"
      variant="outline"
    />
  );
}