Floating Menu

Overlays

Popover menu with trigger element and configurable placement and hover mode.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for overlays/floating-menu

Instalação via CLI

$ npx kikitocn add floating-menu

Exemplo de uso

Floating MenuExample.tsx

import { FloatingMenu } from "@/components/ui/cn/floating-menu/FloatingMenu";

export function FloatingMenuExample() {
  return (
    <FloatingMenu />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`items*`	`FloatingMenuItem[]`	—	Itens do menu { label, icon?, onClick? }
`trigger*`	`React.ReactNode`	—	Elemento que dispara o menu
`placement`	`'top' \| 'bottom' \| 'left' \| 'right'`	`'bottom'`	Posição relativa ao trigger
`openOnHover`	`boolean`	`false`	Abrir ao passar o mouse
`className`	`string`	—	Classes CSS extras

Voltar para Overlays

Carregando…