Stack

Import

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

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

When to use

Stack arranges items in a row or column with consistent spacing. Use the gap prop to control the space between items.

Important props

Theming targets

Best practices

• DoUse the gap prop for spacing between items; don't add margins manually.
• DoUse StackItem with size="fill" to make one item stretch and fill the leftover space.
• Do notNest stacks inside stacks; try wrap="wrap" first to let items flow to the next line.