Actions and display

Dropdown

Dropdown / Menu — a trigger button and a positioned menu list. Implements the WAI-ARIA menu-button pattern: trigger has `aria-haspopup="menu"` + `aria-expanded`; the list is `role="menu"` with `role="menuitem"` buttons under roving focus (ArrowUp/Down/Home/End), Enter/ Space to activate, Escape to close + refocus the trigger, and click-outside to dismiss. CSS-anchored via `placement` — no JS positioning dependency.

Public export

typescript

import { Dropdown } from '@happyvertical/smrt-ui/ui';

Import path: @happyvertical/smrt-ui/ui
Props: 6
Props described: 6 of 6
Bindable state: 0
Callback events: 1
Verified release: 0.44.0

Props

NameTypeRequiredDescription

labelstringNoTrigger button text (ignored when a `trigger` snippet is given).

triggerSnippetNoCustom trigger content.

itemsMenuItem[]YesMenu items.

placementDropdownPlacementNoMenu placement relative to the trigger.

onselect(id: string) => voidNoFired with the activated item's id.

disabledbooleanNoDisable the trigger.

Bindable state

This component has no bindable public state.

Callback events

onselect(id: string) => void

Public export

Props

Bindable state

Callback events

Examples and explanation