Web components

...

Boolean inputs

...

The available Web boolean inputs are:

• Boolean icon
• Checkbox
• Switch

Basics of boolean inputs

...

Boolean inputs validation

The validation of the inputs can be controlled using the invalid-text attribute. This text will only be shown if a label is provided:

The required property will make the boolean input invalid. The invalid state will disappear it the value is set to true:

Inputs

...

The available Web inputs are:

• Date input
• Multi input
• Multiselect
• Number input
• Password input
• Select
• Text input
• Textarea
• Time input

Basics of inputs

...

Help text

...

Inputs validation

The validation of the inputs can be controlled using the invalid flag. In combination with help-text, you can also provide some feedback about the error.

When the required flag is set, the invalid state will be shown when the input is touched.

The message shown is this cases would be Required field.

max-length

The Text input and Textarea components allow the use of max-length attribute.