Layout

Import

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

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

When to use

Layout provides composable components for building structured page shells with header, sidebar, content, and footer slots. Use Layout for full app layouts and HStack/VStack for ...

Important props

Theming targets

Best practices

• DoUse Layout for page shells that need distinct zones like header, sidebar(s), content, and footer.
• DoUse HStack and VStack for simple directional stacking within a content area.
• Do notUse Layout for simple stacking layouts; use HStack or VStack instead.
• Do notNest multiple Layout components; use one per page shell and compose content within its slots.