Auswahlfeld

Auswahlfeld (native select) mit Optionen-Array, Zuständen und Formular-Tokens

Im Builder nutzen

Beispiele

Mit Platzhalter

LandBitte wählen …DeutschlandÖsterreichSchweiz

Vorausgewählt

LandDeutschlandÖsterreichSchweiz

Fehlerzustand

ZahlungsartBitte wählen …RechnungPayPalZahlungsart ist erforderlich.

Deaktiviert

Mandanttricoma AG

Eigenschaften

Prop	Typ	Default	Builder-Label
label	string	""	Label
name *	string	—	Feldname
options *	array	—	Optionen
value	string	""	Gewählter Wert
placeholder	string	""	Platzhalter (leere Auswahl)
disabled	boolean	false	Deaktiviert
invalid	boolean	false	Fehlerzustand
hint	string	""	Hinweis/Fehlertext

* Pflicht-Prop

Events & Slots

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

Genutzte Design-Tokens

border.hairlinecolor.border.errorcolor.text.defaultcolor.text.disabledcolor.text.mutedcontainer.smduration.fasteasing.standardfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultform.backgroundform.background-disabledform.borderform.border-focusform.border-hoverform.errorleading.baseradius.controlsize.2size.3text.mdtext.smtext.xsweight.medium