FAB

Inputs

Floating Action Button with optional speed-dial sub-actions and position presets.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for inputs/fab

Instalação via CLI

$ npx kikitocn add fab

Exemplo de uso

FABExample.tsx

import { FAB } from "@/components/ui/cn/fab/FAB";

export function FABExample() {
  return (
    <FAB />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`icon*`	`React.ReactNode`	—	Ícone principal
`actions`	`FabAction[]`	—	Sub-ações do speed-dial { icon, label, onClick }
`position`	`'bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left'`	`'bottom-right'`	Posição fixa na tela
`intent`	`'primary' \| 'secondary' \| 'neutral'`	`'primary'`	Cor do botão
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho do botão
`tooltip`	`string`	—	Texto do tooltip ao hover
`onClick`	`() => void`	—	Callback ao clicar (sem sub-ações)
`className`	`string`	—	Classes CSS extras

Carregando…