Skip to content
Work in progress - do not use in production. This component is still being built: it is not flagged Ready for Dev, so its markup, attributes, events and styles can all still change without notice, it is not covered by the accessibility gate, and it is not published to npm. It is on this site so the work can be seen and reviewed - nothing more.

Divider

A thematic separator between content, rendered as a styled <hr>.

Usage



<hr is="root-divider" />

A vertical divider stretches inside a flex or grid row:



<hr is="root-divider" orientation="vertical" />

Attributes

Attribute Type Default Description
orientation 'horizontal' | 'vertical' 'horizontal' Sets aria-orientation and switches the divider axis

Extends

HTMLHRElement - use with <hr is="root-divider">. The native <hr> already exposes role="separator"; the component keeps aria-orientation in sync.