The Component Gallery

The Component Gallery는 구성요소 기반의 사용자 인터페이스를 구축하는 누구에게나 참고가 되도록 설계되었습니다. 이 저장소는 디자인 시스템의 예시를 바탕으로 최신의 인터페이스 구성요소를 제공합니다. 예를 들어, 팝오버는 다른 요소에서 다른 콘텐츠 위로 튀어나오는 요소로, 마우스 호버가 아닌 클릭으로 일반적으로 트리거되며 상호작용적인 요소를 포함할 수 있습니다. 평점은 제품 또는 다른 항목에 대한 별점을 사용자가 볼 수 있거나 설정할 수 있도록 합니다. 아코디언은 더 많은 정보를 표시하거나 숨길 수 있는 상호작용적인 헤딩의 수직 스택으로, 각 항목은 짧은 레이블만 보이도록 '접힐' 수도 있고 전체 내용을 보이도록 '펼칠' 수도 있습니다. 인용구는 사람이나 외부 소스에서의 인용문을 표시하거나 현재 문서의 일부를 강조하는 데 사용됩니다. 페이지네이션은 정보를 한 페이지에 모두 표시하지 않고 여러 페이지로 나누는 과정이며, 이 페이지들 사이를 이동하기 위한 인터페이스 구성요소의 이름이기도 합니다. 탭은 여러 패널 사이를 탐색하는 방법으로, 혼란을 줄이고 더 많은 내용을 작은 공간에 담을 수 있습니다. 버튼은 폼 제출이나 인터페이스 구성요소의 표시/숨김과 같은 작업을 트리거합니다. 브레드크럼프스는 현재 페이지의 위치를 탐색 계층에서 보여주는 링크의 목록입니다.