Inputs

Inputs components have the following characteristics:

• They are form elements that the user can use to introduce data or communicate and input.
• They all must be inside a <form> tag or, even better, a Form component.
• They must be wrapped semantically using the <fieldset> tag with the corresponding <legend> label tag or, even better, a Fieldset component.
• They are available as part of all libraries.
• They might include atom components.
• In the case of the @zurich/css-components versions, they are always wrapped by a <label /> tag when they are and input or output.

List of inputs

Boolean icon

Checkbox group

Checkbox

Date input

Multiselect

Number input

Pagination

Password input

Radio select

Rating

Segmented control

Select

Slider

Switch

Text input

Textarea

Time input