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

# LineDivider

Separates adjacent content with an optional inline label.

```html
<noora-line-divider text="or"></noora-line-divider>
```

## Attributes

| Attribute | Type or allowed values | Default | Description |
| --- | --- | --- | --- |
| `text` | `string` | None | Sets the optional inline label. |

## Styling parts

| Part | Description |
| --- | --- |
| `divider` | The divider. |
| `text` | The inline label. |


## Basic dividers

Match the LiveView component with a plain divider and an inline label.

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

## Text variations

Use the same text variations as the LiveView component.

```html
<noora-line-divider text="AND"></noora-line-divider>
<noora-line-divider text="Continue with"></noora-line-divider>
<noora-line-divider text="2"></noora-line-divider>
<noora-line-divider text="Alternative method"></noora-line-divider>
```