UNPKG

@public-ui/components

Version:

Contains all web components that belong to KoliBri - The accessible HTML-Standard.

public-ui.github.io

public-ui/kolibri

58 lines (31 loc) • 2.65 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
# 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 ```html <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 <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> <!-- Auto Generated Below --> ## 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() => Promise<void>` #### Returns Type: `Promise<void>` ## Slots | Slot | Description | | ---- | ---------------- | | | Inhalt der Form. | ----------------------------------------------