본문으로 건너뛰기
레이아웃

그리드

Betelgeuse 의 그리드는 포스터형 카드와 폼을 격자로 배치한다.

활용 방법

3열

강한 면들을 균일하게 배치한다.

Preview
tsx
<Grid columns={3} gap="sm">...</Grid>

속성

이름타입기본값설명
columns1 | 2 | 3 | 42열 수
gap"xs" | "sm" | "md" | "lg""md"간격