TextDivider web component

import "@tuist/noora/tokens.css";
import "@tuist/noora/web-components";

Basic dividers

Separate alternatives, combined conditions, or sections.

<noora-text-divider text="OR"></noora-text-divider>
<noora-text-divider text="AND"></noora-text-divider>
<noora-text-divider text="Section 2"></noora-text-divider>

Content types

Use symbols, numbers, longer labels, or dates.

<noora-text-divider text="•"></noora-text-divider>
<noora-text-divider text="1"></noora-text-divider>
<noora-text-divider text="Alternative Options"></noora-text-divider>
<noora-text-divider text="January 2024"></noora-text-divider>