Dropdown-Menü

Auslöser-Button mit Aktionsmenü — Outside-Click und Escape schließen, select als semantisches Event

Im Builder nutzen

Nutzt: ui.icon

Beispiele

Aktionsmenü (klickbar)

Aktionen

BearbeitenDuplizierenLöschen

Primär, rechtsbündig

Neu anlegen

KundeAuftragRechnung

Eigenschaften

Prop	Typ	Default	Builder-Label
label *	string	—	Button-Beschriftung
items *	array	—	Menü-Einträge
variant	string: secondary | primary | ghost	"secondary"	Button-Variante
align	string: start | end	"start"	Menü-Ausrichtung

* Pflicht-Prop

Events & Slots

Events: ⚡ select⚡ open⚡ close — im Surface per on: {<event>: {action, params}} verdrahtbar.

Genutzte Design-Tokens

border.hairlinecolor.action.on-primarycolor.action.on-secondarycolor.action.primarycolor.action.primary-hovercolor.action.secondarycolor.action.secondary-hovercolor.border.defaultcolor.status.dangercolor.status.danger-surfacecolor.surface.overlaycolor.text.defaultcolor.text.linkduration.fasteasing.standardelevation.overlayfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultlayer.dropdownradius.controlradius.smsize.1size.2size.3text.mdweight.semibold