primitives separator

Separator

Horizontal / vertical rule with optional label.

$ ndui add separator

Component docs

Plain <hr> with Tailwind classes

Noundry.UI doesn't ship a dedicated separator tag — the standard HTML hr with Tailwind covers it.

Section A — last 7 days

Section B — older

Labelled separator

or continue with

Section after divider

Source

<hr class="my-3 border-slate-200" />

@* Labelled: *@
<div class="my-3 flex items-center gap-3">
    <hr class="flex-1 border-slate-200" />
    <span class="text-xs uppercase tracking-wider text-slate-400 font-semibold">or continue with</span>
    <hr class="flex-1 border-slate-200" />
</div>