Skip to content

Input

Description

The input component is an umbrella component for all inputs which share the same style as the classic text input field.

NB: Is InputMasked what you are looking for?

Consider using input field with a mask

Demos

Placeholder text

Search text placeholder

Medium and stretched search input

Input with icon

With left / right aligned text

Disabled input

Show failure status

With FormStatus

You have to fill in this field

Input with suffix (additional description)

Stretched Input in horizontal wrapping FormRow and a long label

Long label labwl Adipiscing mauris dis proin nec:

Numbers are ligned by using Proportional Lining

Numbers are ligned by using Proportional Lining

Submit Form with Input. Pressing the enter key will trigger a submit.