전체 카탈로그
LayoutDivider5 props

Divider

A visual separator that divides content into distinct sections. Use to create clear boundaries between groups of related content, or to demarcate interactive regions within a la...

공식 문서 열기
live previewLayout

Preview

Above divider
LeftRight

Import

import {Divider} from '@astryxdesign/core/Divider';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

A visual separator that divides content into distinct sections. Use to create clear boundaries between groups of related content, or to demarcate interactive regions within a la...

dividerseparatorhrrulelineborderspacerhorizontal rule

Important props

orientationhorizontal | verticaloptional
variantsubtle | strongoptional

Theming targets

astryx-divider

Best practices

  • DoUse subtle dividers between related content sections and strong dividers for high-contrast boundaries.
  • DoAdd a label to the divider when sections need a visible category heading.
  • Do notOveruse dividers; rely on spacing and layout to separate content when possible.