Honeycomb

Separator

Visually or semantically separates content.

When To Use

  • To divide sections of content.
  • To create visual separation between elements.
Basic
A default horizontal separator.

Content above

Content below

Vertical
A vertical separator for side-by-side content.
Blog
Docs
Source
Menu
Vertical separators between menu sections.

Settings

Manage preferences

Account

Profile & security

Help

Support & docs

List
Horizontal separators between list items.
Item 1Value 1
Item 2Value 2
Item 3Value 3