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

Divider

A horizontal divider to segment content.

Use Divider...

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

Don't use Divider...

  • 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

Divider
This component is implemented using the <hr /> as the root element. You can utilize the native attributes supported by <hr /> tag. The ref is directly assigned to the root element, allowing you to access and manipulate it as needed.
See core props for additional props that can be applied to this component.

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 7, 2022Last updated: Sep 18, 2024