레이아웃Layout17 props
Stack
Stack는 자식 요소들을 방향과 간격에 맞춰 쌓아 배치합니다.
공식 문서 열기미리보기
Horizontal
OneTwoThree
Vertical
OneTwoThree
Import
import {Stack} from '@astryxdesign/core/Stack';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
사용 시점
Stack는 자식 요소들을 방향과 간격에 맞춰 쌓아 배치합니다.
stackhstackvstackflexboxflexspacinggaphorizontal
중요 props
hAlignstart | center | end | between | around | evenlyoptional
vAlignstart | center | end | stretchoptional
justifystart | center | end | between | around | evenlyoptional
alignstart | center | end | stretchoptional
테마 대상
astryx-stackastryx-stack-item
사용 지침
- 권장Stack의 목적이 드러나도록 레이블과 보조 설명을 함께 제공하세요.
- 권장상태 변화가 필요한 경우 사용자가 바로 이해할 수 있는 피드백을 연결하세요.
- 피하기컴포넌트의 기본 상호작용을 우회해 키보드 흐름을 깨뜨리지 마세요.