Skip to content
Elements / Input

menu

A button that opens a short list of actions, for what can be done to one item (edit, duplicate, delete) without a row of buttons. Each menu-item runs its own on=.

Spec · edit me

No problems. The parser accepted every line.

Result · try itOpen in playground
Tweak the props
variant
align

Props

"text"textThe button's words, e.g. Actions. Leave it out for a small ⋯ button.optional
labelstringWhat a screen reader calls a ⋯ button with no text, e.g. label="Order actions". Default: More actions.—
variantsecondary · primarysecondary (outlined) or primary (filled).secondary
disabledconditionWhen true, it can't be opened.—
alignstart · endWhere it sits in its room: start, or end (the right). Default: end for a ⋯ menu, start for one with words.—
ifconditionShow only when this expression is true, e.g. if=done or if={count>0}. Every element takes it.—
tipstringA short explanation shown on hover, keyboard focus or a tap, e.g. tip="Orders not yet shipped": for a term or a number some people won't know, instead of more words on screen. It makes the element a Tab stop if it isn't one. Every element takes it.—

Children: menu-item

SayShape v0.1 is an early prototype under the MIT License. Status · GitHub