Divider is a component that visually and semantically separates content or components.
Divider has two types:
secondary. Secondary type helps to separate and show the connection between two parts of the content.
The divider can be used either on a light or dark/colored background.
Usage in UX/UI
The divider separates content visually and semantically, whether it is different or similar in meaning.
|Contact information needs to be visually separated from the form.|
|Separate information about a report's data visually from the form, but maintain its connection to the form.|