Schublade (Drawer)

Von rechts einfahrendes Slideout-Panel mit Backdrop (Untitled-UI-Muster): Öffner-Button, Kopf mit Titel + Schließen, Inhalt, Fußleiste — Escape/Backdrop schließen

Im Builder nutzen

Nutzt: ui.icon

Beispiele

Slideout von rechts (Button klicken; Escape/Backdrop schließt)

Auftrag #4711 öffnen

Eigenschaften

Prop	Typ	Default	Builder-Label
openerLabel	string	"Details öffnen"	Öffner-Button
title *	string	—	Titel
text	string	""	Inhalt (Text)
ctaLabel	string	""	Fuß-Aktion (Primary)

* Pflicht-Prop

Events & Slots

Events: ⚡ activate — 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-bordercolor.action.secondary-hovercolor.border.defaultcolor.border.strongcolor.surface.backdropcolor.surface.overlaycolor.surface.sunkencolor.text.defaultcolor.text.mutedduration.fasteasing.standardelevation.controlelevation.overlayfont.family.defaultlayer.modalleading.baseradius.controlsize.2size.32size.4size.5size.8text.lgtext.mdtext.smweight.semibold