Form
Die Form-Komponente dient dazu alle Eingabefelder zu umschließen, den Hinweistext für Pflichtfelder korrekt zu positionieren und die Events submit und reset weiterzuleiten.
Konstruktion
Code
<kol-form _requiredText="Sternchen heißt Pflichtfeld.">
<kol-input-text _label="Vorname"></kol-input-text>
<kol-input-text _label="Nachname"></kol-input-text>
</kol-form>
Beispiel
Die Form-Komponente dient dazu alle Eingabefelder zu umschließen, den Hinweistext für Pflichtfelder korrekt zu positionieren und die Events submit und reset weiterzuleiten.
Konstruktion
Code
<kol-form _requiredText="Sternchen heißt Pflichtfeld.">
<kol-input-text _label="Vorname"></kol-input-text>
<kol-input-text _label="Nachname"></kol-input-text>
</kol-form>
Beispiel
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
_errorList | -- | A list of error objects that each describe an issue encountered in the form. Each error object contains a message and a selector for identifying the form element related to the error. | ErrorListPropType[] | undefined | undefined |
_on | -- | Gibt die EventCallback-Funktionen für die Form-Events an. | undefined | { onSubmit?: EventCallback<Event> | undefined; onReset?: EventCallback<Event> | undefined; } | undefined |
_requiredText | _required-text | Defines whether the mandatory-fields-hint should be shown. A string overrides the default text. | boolean | string | undefined | true |
Methods
focusErrorList
focusErrorList() => Promise<void>
Returns
Type: Promise<void>
Slots
| Slot | Description |
|---|---|
| Inhalt der Form. |