Menu

A list of menu items.

• Menu is a building block for menu components:
  • MenuBar
  • MenuButton
  • MenuItem
  • MenuSeparator
• Manages position based on the reference element
• The menu floats above other element via portaling

Props

HTMLDivElement props are included.

/** Additional class names to apply. */
export let variant: string = '';

Events

HTMLDivElement events are included.

Methods

HTMLDivElement blur, and focus methods are included.

export const focusFirstMenuItem();
export const focusPreviousMenuItem();
export const focusNextMenuItem();
export const focusLastMenuItem();

Anatomy

<div class="sterling-menu">
  <div class="menu-items">
    <slot {variant} />
  </div>
</div>