Textbox
Updated:
March 29, 2020
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.
Standard textbox
The standard textbox is used for one or multiple lines of text.
Standard textbox
The standard textbox is used for one or multiple lines of text.
Textbox with steppers
The textbox with steppers is used to make it easy to increase or decrease a value by a set increment value (+/- 1 for example).
Textbox with steppers
The textbox with steppers is used to make it easy to increase or decrease a value by a set increment value (+/- 1 for example).
Component building blocks
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 and styles
The textbox and steppers use the normal style.
Typography and icons
The label tells you about your location in the application and makes it easy to access other parts.
Specs
This component is built up by a oval slider and icons.
States
The look of the states are defined by the style.
