IconButton

Ação e status

Botão só de ícone. O rótulo é obrigatório: vira o nome acessível e a dica ao passar o mouse.

Substitui no Brain:ds IconButton / IconButtonSlotfp-iconbtn escrito à mão

Tamanhos e indicador

import { IconButton } from "@paytime/ui";
import { Bell, Ellipsis } from "lucide-react";

export default function Example() {
  return (
    <div className="flex items-center gap-2">
      <IconButton icon={<Ellipsis />} label="Mais ações" />
      <IconButton size="sm" icon={<Ellipsis />} label="Ações da linha" />
      <IconButton icon={<Bell />} label="Notificações" indicator />
      <IconButton icon={<Bell />} label="Carregando" loading />
    </div>
  );
}