Übersicht Input‐Komponenten

Ist-Zustand

Tickets:

• https://github.com/public-ui/kolibri/issues/7767

Links:

• https://www.w3.org/TR/2011/WD-html5-20110525/the-input-element.html
• https://stackblitz.com/edit/vitejs-vite-kuamr7xv
• https://www.w3.org/TR/2011/WD-html5-20110525/common-input-element-attributes.html#dom-input-valueasdate
• https://www.w3.org/TR/2011/WD-html5-20110525/common-input-element-attributes.html#dom-input-valueasnumber

Komponente	_value	getValue	onInput	onChange	Bemerkungen
kol‑button	Stringified<StencilUnknown>	Stringified<StencilUnknown> | undefined	n/a	n/a	n/a
kol‑button‑link	Stringified<StencilUnknown>	Stringified<StencilUnknown> | undefined	n/a	n/a	n/a
kol‑combobox	string	string | undefined	string	string	n/a
kol‑input‑checkbox	Stringified<StencilUnknown>	StencilUnknown	StencilUnknown	StencilUnknown	n/a
kol‑input‑color	string	string | undefined	string	string	n/a
kol‑input‑date	Iso8601 | Date | null	string | Date | undefined	Date | Iso8601	Date | Iso8601	n/a
kol‑input‑email	string	string | undefined	string	string	n/a
kol‑input‑file	n/a	FileList | null | undefined	FileList | null	FileList | null	n/a
kol‑input‑number	number | Iso8601 | null	string | undefined	string	string	[1]
kol‑input‑password	string	string | undefined	string	string	n/a
kol‑input‑radio	StencilUnknown	StencilUnknown | undefined	string | number	string | number	n/a
kol‑input‑range	number	number | undefined	string	number	[2]
kol‑input‑text	string	string | undefined	string	string	n/a
kol‑select	Stringified<W3CInputValue[]>	Stringified<W3CInputValue[]> | undefined	Stringified<W3CInputValue[]>	Stringified<W3CInputValue[]>	n/a
kol‑single‑select	string	string | undefined	string	string	[3]
kol‑textarea	string	string | undefined	string	string	n/a

Soll-Zustand

Komponente	_value	getValue	Default
kol‑button	StencilUnknown	StencilUnknown	null
kol‑button‑link	StencilUnknown	StencilUnknown	null

Komponente	_value	getValue	onInput	onChange	Default	Bemerkungen
kol‑combobox	string	string	string	string	''	Wenn leer, ist es ein leerer String
kol‑input‑checkbox	StencilUnknown	StencilUnknown	StencilUnknown	StencilUnknown	null	Angehakt gibt den Value und und nicht angehakt gibt null zurück.
kol‑input‑radio	StencilUnknown	StencilUnknown	StencilUnknown	StencilUnknown	null	n/a
kol‑select	StencilUnknown | StencilUnknown[]	StencilUnknown | StencilUnknown[]	StencilUnknown | StencilUnknown[]	StencilUnknown | StencilUnknown[]	StencilUnknown | []	n/a
kol‑single‑select	StencilUnknown	StencilUnknown	StencilUnknown	StencilUnknown	null	n/a

Komponente	_value	getValue	onInput	onChange	Default
kol‑input‑number	NumberString | number	NumberString | number | null	NumberString | number | null	NumberString | number | null	null
kol‑input‑range	NumberString | number	NumberString | number | null	NumberString | number | null	NumberString | number | null	null

Komponente	_value	getValue	onInput	onChange	Default
kol‑input‑date	Iso8601 | Date | null	Iso8601 | Date | null	Iso8601 | Date | null	Iso8601 | Date | null	null

Komponente	_value	getValue	onInput	onChange	Default
kol‑input‑email	string	string	string	string	''
kol‑input‑password	string	string	string	string	''
kol‑input‑text	string	string	string	string	''
kol‑textarea	string	string	string	string	''

Komponente	_value	getValue	onInput	onChange	Default	Bemerkungen
kol‑input‑color	string	string	string	string	'#000'	Standardwert #000 wird genommen, wenn leer

Komponente	_value	getValue	onInput	onChange	Default
kol‑input‑file	n/a	FileList	FileList	FileList	FileList

Anmerkungen

^[1] Siehe auch #7125
^[2] Unterschiedliche Types für onInput und onChange; Siehe auch #6345
^[3] Values sind als string typed, die Optionen aber als Option<StencilUnknown>[]