Scroll bar
Updated:
March 29, 2020
The scroll bar makes it possible to navigate vertical in the application.
Variations
Scroll bar - Normal
The normal scroll bar is most used with a cursor.
Scroll bar - Normal
The normal scroll bar is most used with a cursor.
Scroll bar - Large
The scroll bar is most suitable to use with touch screens.
Scroll bar - Large
The scroll bar is most suitable to use with touch screens.
Component building blocks
The scroll bar are made both suitable for cursor and touch screens.
Anatomy
The component are built up by a container with icons and slider
Component elements
1
Container
2
Dynamic elements
3
Track
4
Stepper Container
Colors and styles
The scroll bar use a normal style
Element
Color / Style name
1
Dynamic elements
style-normal
This is some text inside of a div block.
2
Track
style-indent
This is some text inside of a div block.
3
Stepper Container
This is some text inside of a div block.
Element
Color / Style name
1
Dynamic elements
style-normal
This is some text inside of a div block.
This is some text inside of a div block.
2
Track
style-indent
This is some text inside of a div block.
This is some text inside of a div block.
3
Stepper Container
This is some text inside of a div block.
This is some text inside of a div block.
Element
Color / Style name
1
Dynamic elements
style-normal
This is some text inside of a div block.
This is some text inside of a div block.
2
Track
style-indent
This is some text inside of a div block.
This is some text inside of a div block.
3
Stepper Container
This is some text inside of a div block.
This is some text inside of a div block.
Element
Color / Style name
1
Dynamic elements
style-normal
This is some text inside of a div block.
This is some text inside of a div block.
2
Track
style-indent
This is some text inside of a div block.
This is some text inside of a div block.
3
Stepper Container
This is some text inside of a div block.
This is some text inside of a div block.
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.
1
Component measures
2
Spacing
3
Border sizes
1
Component measures
2
Spacing
3
Border sizes
States
No items found.
