Carregando…

Action Menu

Overlays

Bottom-sheet-style action menu: a collapsed pill that expands into grouped, selectable actions.

Action Menu — pílula que expande num painel de ações

Instalação via CLI

$ npx kikitocn add action-menu

Interno:

@/lib/utils@/lib/motionmotionlucide-react

Exemplo de uso

Action MenuExample.tsx

import { ActionMenu } from "@/components/ui/cn/action-menu/ActionMenu";

export function ActionMenuExample() {
  return (
    <ActionMenu />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`groups*`	`ActionMenuGroup[]`	—	Grupos de ações exibidos no painel expandido: { label, items: { label, icon?, onSelect? }[] }[]
`triggerLabel`	`string`	`'Menu'`	Texto exibido na pílula fechada
`open`	`boolean`	`undefined`	Estado aberto/fechado controlado — omitir para uso não-controlado
`defaultOpen`	`boolean`	`false`	Estado inicial (não-controlado)
`onOpenChange`	`(open: boolean) => void`	`undefined`	Chamado sempre que o estado aberto/fechado muda
`closeOnSelect`	`boolean`	`true`	Fecha o menu automaticamente ao selecionar um item
`className`	`string`	—	Classes CSS extras

Carregando…