Separator

Line separating content.

MDN: role="separator"
MDN: <hr>

PaleUI

CSS only modern design
Blog Docs

The current implementation of vertical separators requires the containing element to have display: flex to display correctly.

Structure

The separator is implemented using two approaches, each for one axis.

It uses a styled <hr> for horizontal separators, per semantic HTML. For vertical separators, it uses elements with role="separator".

Built by ahme.dev. The source code is available on Github