GET STARTED

Import

Import the canonical standalone declaration from its granular entry point.

import { NeuralDivider } from '@neural-ng/core/divider';

@Component({ imports: [NeuralDivider] })

Basic separator

The empty form creates a quiet horizontal content boundary.

Content and alignment

label handles plain text. Start and end are logical, so they mirror automatically in RTL.

Line types

Solid, dashed and dotted variants share the same semantics and token scale.

Vertical orientation

A vertical divider stretches with its parent and reports the matching ARIA orientation.

Rich projection

Project icons and markup when a plain label is not expressive enough. Providing label always takes precedence.

Unstyled and typed slots

Headless mode retains structural orientation and separator semantics while every visual choice moves to consumer classes.

Beta boundary

Separator semantics

The root always renders role="separator". Decorative line segments are hidden from assistive technology.

Orientation

aria-orientation always matches the visual orientation input.

Accessible names

Use ariaLabel or ariaLabelledBy only when the boundary needs a name. The ID reference takes precedence.

Keyboard

Static dividers are not focusable and define no keyboard commands. Use a splitter component for adjustable regions.

RTL

Logical borders, margins and start/end alignment mirror with document direction without JavaScript.

Inputs

Class slots

Types

Deprecated alias

DividerComponent remains only as a compatibility alias. New code and generated AI output must use NeuralDivider.

Line tokens

Content tokens

Layout tokens