Eingabefeld
Einzeiliges Formularfeld mit Label, Zuständen (disabled, invalid) und Formular-Tokens
Beispiele
Standard mit Label
Mit Wert + Hinweis
Wird für Rechnungen verwendet.
Fehlerzustand
IBAN ist unvollständig.
Deaktiviert
Passwort
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| label | string | "" | Label |
| name * | string | — | Feldname (name-Attribut) |
| value | string | "" | Wert |
| placeholder | string | "" | Platzhalter |
| type | string: text | email | password | number | search | "text" | Typ |
| 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.errorform.placeholderleading.baseradius.controlshadow.insetsize.2size.3text.mdtext.smtext.xsweight.medium