Gallery 레이아웃
Gallery 레이아웃
Gallery 레이아웃은 콘텐츠를 반응형 그리드에 배치하는 데 사용돼요. 콘텐츠가 반응형으로 줄바꿈되며 균일한 행과 열을 만들어 줘요.
출처: 문서
본문
요소 (Elements)
Gallery 레이아웃은 모든 요소가 반응형으로 줄바꿈되고 균일한 크기를 가지며 가로로 표시되도록 설계되었어요.
- Gallery: 모든 gallery 항목을 담는 컨테이너입니다.
- Gallery item: 갤러리 안에 배치할 개별 항목입니다.
사용 (Usage)
Gallery 레이아웃은 그리드와 비슷해 보이지만, 더 엄격하게 구조화된 grid 레이아웃과는 다릅니다.
Gallery 레이아웃은 여러 card 컴포넌트를 담고 있는 UI에 흔히 사용됩니다.
변형 (Variations)
항목 주변 거터 (Gutters around items)
항목 사이에 간격을 추가하고 싶다면(card 뷰에서 흔한 방식) 거터를 적용할 수 있어요.
커스텀 줄바꿈이 적용된 항목 (Items with customized wrapping)
Gallery 항목에 최소 너비와 최대 너비를 모두 정의할 수 있어요. 이 값들은 gallery 항목이 줄바꿈되기 전에 가질 수 있는 너비를 결정합니다.