<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5HGSQD2L" height="0" width="0" style="display:none;visibility:hidden" title="GTM"></iframe>

Pipe Separator

A vertical divider to segment inline content.

Use Pipe Separator...

  • To horizontally separate linear content into sections clearly when clarity and distinction between elements are needed.

Don't use Pipe Separator...

  • If it creates visual clutter as it can negatively impact readability.
  • If other visual cues already provide sufficient differentiation between content.

The preview has been updated.

The preview has been updated.

Props

This component does not have any custom props. Core props can still be used.


Related

Was this page useful?

Thanks for your feedback!

Feel free to include your name if you wish to have a follow up conversation.


Published: Jan 25, 2022Last updated: Sep 18, 2024