Framed style
여러 요소를 하나의 프레임으로 감싸 정보의 그룹화를 명확히 하기 위한 컴포넌트입니다. 그룹 단위의 선택된 상태를 시각적으로 강조하기 위해 사용합니다.
콘텐츠 영역에 들어갈 요소 크기에 따라 상하좌우 간격과 모서리 둥글기를 변경해 사용할 수 있습니다. Cell이 아닌 다른 요소를 내부에 배치할 경우, 시각적 균형을 위해 좌우 여백과 동일한 값을 상하 여백에 직접 추가하는 것을 권장합니다.
내부에 Cell 컴포넌트를 배치하여, 단독으로 사용할 때보다 정보를 더 명확한 그룹으로 묶어줄 수 있습니다. 테두리와 그림자 효과를 통해 그룹 전체가 선택되었음을 시각적으로 강조하기위해 사용합니다.
여러 선택 항목을 표시하고, 선택된 항목을 강조하기 위한 용도로 사용할 수 있습니다. 내부 Content에 Cell을 사용하여 다양한 형태의 항목을 제공할 수 있습니다.
Content에 표시되는 항목에 맞게 모서리 둥글기와 여백을 조정해 사용할 수 있습니다. 기본으로 제공하는 Small, Medium, Large, Xlarge를 사용할 때 필요 시 내부 Content에 간격을 추가해 사용할 수 있습니다.
