Zum Hauptinhalt springen

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

Properties

PropertyAttributeDescriptionTypeDefault
_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[] | undefinedundefined
_on--Gibt die EventCallback-Funktionen für die Form-Events an.undefined | { onSubmit?: EventCallback<Event> | undefined; onReset?: EventCallback<Event> | undefined; }undefined
_requiredText_required-textDefines whether the mandatory-fields-hint should be shown. A string overrides the default text.boolean | string | undefinedtrue

Methods

focusErrorList

focusErrorList() => Promise<void>

Returns

Type: Promise<void>

Slots

SlotDescription
Inhalt der Form.

Beispiel ansehen

Live-Editor