Separator

An <hr> for a horizontal rule; add --vertical and a height for a divider between items in a row.

Both directions

A rule that only divides visually should be aria-hidden="true" or a <div role="none">, so it is not announced as a separator that carries meaning.

.hui-separator

A hairline. Use --vertical between inline items.

<hr class="hui-separator" />

.hui-separator--vertical

A vertical hairline.