Textbox
The textbox is an area where the user can type in and edit text. It can contain both values and one or multiple lines of text.
Variations
The textbox can be used in a standard version and with steppers.
The standard textbox is used for one or multiple lines of text.
The placeholder texts describes the value or text that should be inserted. Usually it does not need to be labeled.
The textbox with steppers is used to make it easy to increase or decrease a value by a set increment value (+/- 1 for example).
Specs
The textbox is built up by a container and a text field. When steppers are added, the textbox container are pushed in center.
Anatomy
The textbox is built up by a container and a text field. When steppers are added, the textbox container are pushed in center.
Colors
The textbox and steppers uses the normal style.
Typography
The alignment of the text varies based on type and state of the textbox. The text in the stepper textbox is center-aligned.
Measures and spacing
The textbox uses the the same height as buttons to make sure its clickable. The width can be customised to fit its content and space in interface.
States
The look of the states are defined by the style.