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


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.


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