1 viewer
Back to Components
Component · Layout

Divider

Visual separator between sections. Variants: line, dots, space.

Category
Layout
Slots
1
States
0
Writer
Shared
cre8.primitive.divider

Preview

Live renderShared SSR + WASM writers
Content preceding dividerContent following divider
<Container>
  <Text text="Content preceding divider" />
  <Divider />
  <Text text="Content following divider" />
</Container>

Anatomy

The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.

SlotDOM class
root.cre8-divider
1 row

States and platforms

The states the contract publishes, the platforms it declares, and the style recipes that dress it.

States
No published states
Platforms
web
Recipes
unstyledruntime-console

Renderers

Shared writer
Divider renders through the one writer the server and the WASM DOM share, so both emit the same markup.

Every tag in the example above renders through a shared writer.

Declared adapters. A status is the manifest's declaration, not a measured parity result.

TargetRendererStatus
webreactexperimental
1 row

Accessibility

A visual separator using role=separator for semantic meaning.

  • Uses role=separator for assistive technology.
  • Optional label text is readable.
  • Space variant provides visual separation without a visible line.