Section

Import

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

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

When to use

Section is the correct way to create page regions and group related content on a page. Use it for settings groups, form sections, sidebar areas, or any time you need visual sepa...

Important props

Theming targets

Best practices

• DoUse Section for page-level grouping: settings panels, form groups, sidebar regions. These are sections of a page, not discrete items.
• DoStart with the default variant. Use muted only to call attention to a specific region.
• DoAdd dividers between same-background sections that need separation.
• DoCombine with a heading + Stack for a typical page section pattern.