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

Placeholder text

Search text placeholder

Search text placeholder

Medium input placeholder

Medium input with right aligned text and stretched search input

Large and stretched search input

Disabled Input with a placeholder

Disabled input

Show failure status

You have to fill in this field

With FormStatus

Placeholder text

Input with suffix (additional description)

Long label labwl Adipiscing mauris dis proin nec:

Stretched Input in horizontal wrapping FormRow and a long label

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.