sw-ui-dropup

Tiny pop-up menu that opens above its anchor and closes on outside click — the building block used for the chevron menus inside <sw-ui-split-button> (mic / camera / speaker selectors).

1
<sw-ui-dropup>
2
  <button slot="anchor">Open menu</button>
3
  <ul>
4
    <li>Item one</li>
5
    <li>Item two</li>
6
  </ul>
7
</sw-ui-dropup>

Items are supplied as a JSON-encoded array on the items attribute (or the items property). Each entry is either a string (used as both label and id) or a DropUpItem object — { label, id, selected? }. Clicking an item dispatches sw-dropup-select with that entry as the detail and closes the menu. Any click outside the host dispatches sw-dropup-close.

Class: SwUiDropup · Module: packages/web-components/src/components/UI/controls/sw-ui-dropup.ts

class: SwUiDropup, sw-ui-dropup

Fields

Attributes

CSS Properties

Events