Verwendung
In Verbindung mit einer DxValidatedForm können mehrere FormFields verknüpft werden (siehe Beispiel unten).
Unterstützte Atome
Eigenschaften
| Name | Type | Default Value | Description |
|---|---|---|---|
id | string | undefined | Unique Id, auto generated if none set |
size | "quarter" | "half" | undefined | Size of the Form Field |
notification | string | undefined | undefined | Notification to be shown |
state | "success" | "warning" | "error" | undefined | if none set neutral is used (if notification is set) |
isEmptyValid | boolean | false | If validation is set, also accept an empty value |
multiple | boolean | undefined | undefined | |
neutralNotificationIconName | string | undefined | Icon to use for neutral notification |
hint | string | undefined | Hint to be shown below the Form Field |
hasTooltip | boolean | undefined | Show tooltip button |
tooltipIcon | string | "info-i-frame" | Icon to use for tooltip button |
fieldType | 'text' | 'password' | 'textarea' | 'radio' | 'checkbox' | 'dropdown' | 'toggle' | "date" | "autocomplete" | "upload" | undefined | Formfield type |
value | string | number | boolean | Moment | { start: Moment, end: Moment } | IHyperSelectDropdown | object | null | File | Files[] | undefined | undefined | Input/Output value |
style | string | undefined | Additional html styles |
validator | undefined | undefined | |
isValid | undefined | undefined | |
isInvalidAllowed | boolean | hasValidatedFormContext | Allow a change of the binded value and the dispatch of the on |
Events
| Name | Description |
|---|---|
integratedButtonClicked | |
input | |
input |
Beispiele
Form Field
undefined 1