Components Menu

Menu

Overview API Examples Style Tokens

LmnMenuComponent

import { LmnMenuComponent } from '@elemental/ui';
Decorators:@Component
Selectors:lmn-menu

Properties

NameTypeDescription
#virtualViewportDocumentElement
r
HTMLElement | undefined
anchorRef
r
InputSignal<HTMLElement | undefined>

The anchor element of the menu. It will be used as anchor for the popover.

id
r
InputSignal<string>

The id of the menu, used also as attribute id.

isOpen
r
Signal<boolean>

Opening status of the menu.

nativeElement
r
any
negative
r
InputSignalWithTransform<boolean, unknown>

Whether the menu is negative.

position
r
InputSignal<LmnMenuPosition>

The position of the menu when shown.

selectionMode
r
InputSignal<LmnMenuSelectionMode>

The selection mode of the menu.

showDivider
r
InputSignalWithTransform<boolean, unknown>

Whether to show the divider between list items.

state
r
LmnMenuState

Commands to interact with the menu.

title
r
InputSignal<string>

The title of the menu.

Accessors

get parent

No documentation has been provided.

Presentation
get parent(): LmnListItemComponent | undefined;
Type

LmnListItemComponent | undefined

get triggerRef

No documentation has been provided.

Presentation
get triggerRef(): HTMLElement | undefined;
Type

HTMLElement | undefined

Methods

close()

Close the menu.

Presentation
close(): void;
Returns
void

open()

Open the menu.

Presentation
open(): void;
Returns
void

toggle()

Toggle the menu.

Presentation
toggle(): void;
Returns
void

LmnMenuTriggerDirective

import { LmnMenuTriggerDirective } from '@elemental/ui';
Decorators:@Directive
Selectors:[lmnMenuTrigger]

Properties

NameTypeDescription
#initializeMenuTriggerManager
EffectRef
menu
r
InputSignal<LmnMenuComponent>

The menu to be opened/closed by this trigger.

Methods

toggle()

Open/close the menu.

Presentation
toggle(): void;
Returns
void

LmnMenuParentDirective

import { LmnMenuParentDirective } from '@elemental/ui';
Decorators:@Directive
Selectors:[lmnMenuParent]
Implements:OnInit

Properties

NameTypeDescription
active
r
InputSignalWithTransform<boolean, unknown>

Activate the list item as submenu trigger. If false, the linked submenu will be removed from the DOM.

menu
r
InputSignal<LmnMenuComponent>

The menu to be opened/closed by this trigger.