StellarUI

<stellar-divider>

Rule-and-label divider that ports the shipped orientation, placement, and tone behavior.

Component

Example

Copy

<stellar-divider>OR</stellar-divider>

Complete props, events, slots, and implementation notes for the shipped divider.

Prop	Type	Default
`orientation`	`vertical \| horizontal`	`vertical`
`placement`	`center \| start \| end`	`center`
`tone`	`'' \| neutral \| primary \| secondary \| tertiary \| error`	`neutral`

Event	Source	Notes
custom events	none	`stellar-divider` is purely structural and emits no events.

Slot	Notes
default	Optional center label or inline content shown between the divider rules.

The public tag is `stellar-divider`, a structural wrapper that renders divider lines around its default slot content.
The shipped API follows the shipped surface: orientation, start/end placement, and semantic tone coloring.
The component stays CSS-only and does not alter surrounding layout beyond its own margin and self-stretch behavior.
When the slot is empty, the divider collapses to a plain rule with no gap.
`horizontal` is the default HR-style case and stretches to the available inline width.
`vertical` rotates the layout into a top-to-bottom rule without inventing a second component.