Carregando…Carregando…Carregando…Carregando…Triggered menu (click/right-click/hover) with grouped items, icons, shortcuts and separators.
Demo coming soon
Add a demo component to DEMOS in _showcase.tsx for overlays/dropdown-menu
$ npx kikitocn add dropdown-menuimport { DropdownMenu } from "@/components/ui/cn/dropdown-menu/DropdownMenu";
export function DropdownMenuExample() {
return (
<DropdownMenu />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
trigger | 'click' | 'contextmenu' | 'hover' | 'click' | Como o menu abre: click (dropdown clássico), contextmenu (clique-direito, absorve ContextMenu) ou hover (absorve FloatingMenu) |
openOnHover | boolean | false | Só com trigger 'hover': true abre ao passar o mouse; false alterna no clique |
items* | MenuEntry[] | — | Itens do menu (grupos, separadores, ações) |
placement | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'left' | 'right' | 'bottom-start' | Posição do menu |
children* | React.ReactElement | — | Elemento que dispara o menu |