Why use a Separator?
When reading content, it's hard to digest large blocks of text. Separators help you space out information so that members can find key information under headings or labelled by icons.
In this article we will explore how to use Horizontal and Vertical Separators.
Horizontal Separator
A Horizontal Separator inserts a content block of adjustable width:

When designing content that is arranged horizontally, a horizontal spacer lets you control how much space is placed between two objects.
Vertical Separator
Horizontal line that appears in mobile view only
Separator
A separator controls spacing both horizontally and vertically.