Level: atom.
Purpose and use
Separate adjacent content groups with a horizontal rule when spacing alone is insufficient. Do not use it as a vertical separator or an interactive resize handle.
Anatomy and behavior
The component contains one line and exposes no inputs, outputs, states, or projection slots. Layout and surrounding spacing belong to the parent composition.
Accessibility and content
The host declares role separator and horizontal orientation. It is not keyboard focusable and has no interactive state. Preserve logical reading groups; repeated decorative rules should not substitute for headings.
Local component contract
This is the current owned contract for component.divider. Behavior above was checked
against the local implementation, template and focused tests listed below.
Historical migration evidence does not override these current sources.
Public type values
No public configurable types or component inputs.
Classes and selectors
WblDividerComponent—wbl-divider(src/app/design-system/primitives/divider/divider.component.ts).
Inputs
- None.
Models
- None.
Outputs
- None.
Slots and projection markers
- The exact template has no Angular content-projection slot.
Local evidence
Behavior/template:
src/app/design-system/primitives/divider/divider.component.html(reviewed in D-025, 2026-09-05).Code:
src/app/design-system/primitives/divider/divider.component.ts.Focused test:
src/app/design-system/primitives/divider/divider.component.spec.ts.Public export:
export * from './primitives/divider/divider.component';insrc/app/design-system/index.ts.Storybook:
storybook/stories/divider.stories.ts(Design System/Primitives/wbl-divider).
Figma status
This runtime contract does not infer a Figma owner. Assembly evidence, when verified, is maintained separately through the inventory-linked sidecar.
Provenance
The archived source-document copy is historical evidence only. The active resolver is local code/test/export and the exact Storybook story above.