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...
공식 문서 열기Preview
Above divider
Left
Right
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.