Back to Tuist

TextDivider

noora/docs/components/textdivider.md

4.204.01022 B
Original Source
<!-- Generated by scripts/generate-web-components.js. Do not edit directly. -->

TextDivider

Renders a compact textual section divider.

html
<noora-text-divider text="OR"></noora-text-divider>

Attributes

AttributeType or allowed valuesDefaultDescription
textstring""Sets the divider text.

Styling parts

PartDescription
dividerThe text divider.

Basic dividers

Separate alternatives, combined conditions, or sections.

html
<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.

html
<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>