Divider is component that helps to split content blocks visually in interface where it is neccessary. We have this component defined to keep all potential use cases aligned across the product screens. Divider is represented by 1 px line.
Use
Divider is recommended for use where you need to divide content yet you don't need a separate container for it. So instead of placing more sub-containers in one parent container you can use Divider to split content off.
You can extend the component's size as needed. Set padding according to specs mentioned in Spacing.
Variants
Divider component comes in two variants – vertical and horizontal.
Modifiers
We have Divider prepared to be used in light and dark themed interfaces. Select appropriate theme accordingly.
Related Resources
-> Specs in Figma