Documentation

Documentation / @zerotal/flow / index / Dropdown

Function: Dropdown()

Dropdown(props): HtmlNode

Defined in: flow/src/components.ts:571

A click-to-open menu (Alpine-driven, client-only) with full keyboard support — arrow keys, Home/End, Escape and click-outside — and correct menu ARIA roles.

Parameters

props

DropdownProps

Returns

HtmlNode

Remarks

Renders a default button labelled by label (or "Menu"), or your own trigger node when provided. align (default "left") sets which edge the panel opens from; children are the menu items.

Example

<Dropdown label="Account" align="right">
  <Link href="/profile">Profile</Link>
  <Link href="/logout">Sign out</Link>
</Dropdown>