Component · Containers
a popover list of actions; menu-trigger portals it from any element. shown open below.
Example
Where available
Using it
the same component, named idiomatically per target. one CSS contract underneath, so they render identically.
| Target | Reference | Package |
|---|---|---|
| React | <Menu> | @design-foundry/lucent-react |
| Angular | <lucent-menu> | @design-foundry/lucent |
| Web Components | <lucent-menu> | @design-foundry/lucent-wc |
| Blazor | <LucentMenu> | DesignFoundry.Lucent |
API
| Prop | Type | Default | Description |
|---|---|---|---|
| menu-item · label / icon | string | — | item content. |
| menu-item · variant | default | danger | default | destructive intent. |
| menu-trigger · position | bottom-end | bottom-start | bottom-end | overlay placement. |
| menu-divider | element | deprecated | use <Divider> (plain) to separate groups instead. |