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

| Attribute | Type or allowed values | Default | Description |
| --- | --- | --- | --- |
| `text` | `string` | `""` | Sets the divider text. |

## Styling parts

| Part | Description |
| --- | --- |
| `divider` | The 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>
```