Divider Props

Name	Type	Default	Description
orientation	'horizontal' | 'vertical'	'horizontal'	Orientation of the divider.
label	string	—	Text centered on the divider. Also used as the accessible name.
variant	'subtle' | 'strong'	'subtle'	Line weight. strong uses the emphasized border color.
isFullBleed	boolean	false	Extend to the container edges with negative margins.

Slots

• label: rich content in the middle of the divider. Replaces the label prop text.

Theme

.my-divider {
  --astryx-divider-color-subtle: #00000014;
}

• --astryx-divider-color-subtle: color of the subtle line.
• --astryx-divider-color-strong: color of the strong line.
• --astryx-divider-label-color: label text color.
• --astryx-border-width: line thickness.