Grid
유연하고 강력한 CSS Grid 기반의 레이아웃 컴포넌트입니다Property
Template
Grid의 행과 열 템플릿을 설정하여 레이아웃 구조를 정의할 수 있습니다.
Flow
Grid 아이템들의 자동 배치 방향을 설정할 수 있습니다.
Inline
Grid를 인라인 요소로 표시할 수 있습니다.
Span
Grid 아이템이 차지할 행이나 열의 개수를 설정할 수 있습니다.
Examples
Layout Patterns
일반적인 레이아웃 패턴들을 Grid로 구현할 수 있습니다.
Anatomy
컴포넌트의 구조를 탐색하고 각 파트의 역할을 확인합니다. 파트 이름에 마우스를 올리면 해당 영역이 하이라이트됩니다.
Use arrow keys to move between parts. Press Escape to clear selection.
Parts0 items
Loading preview…
Props Table
Grid.Root
Loading component documentation...
Grid.Item
Loading component documentation...