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>