Forms

Form fields are used to enter or edit texts, add variables, make choices etc.

Input

Regular vs Compact input forms

The regular input field style is used on basic user interfaces, where the main purpose is to give a clear overwiew of topics and articles. Compact form versions are used in layouts with a lot of information, such as dashboards and databases. The field height and size of the body text are smaller compared to the regular form.


Input field with icon

Icons help to describe the type of input required, used in contact and search fields.




Slider

Sliders provide a control of choice, letting users select a value or range from a fixed set of options.


Progressbar

Horizontal


Vertical