![](https://web.developers.google.cn/static/patterns/components/hero.png?authuser=19&%3Bhl=ko&hl=ko)
구성요소 패턴
구성요소 패턴 컬렉션에 오신 것을 환영합니다. 이를 통해 아이디어, 접근성 요구사항, 표시 영역 및 사용자 환경설정에 대한 적응형 전략 등을 확인할 수 있습니다.
탐색경로
사용자가 사이트를 탐색할 수 있도록 반응이 좋고 액세스할 수 있는 탐색경로 구성요소를 만듭니다.
버튼
웹의 다양한 버튼 유형에 스타일을 지정합니다.
캐러셀
색상 적응성과 반응형의 접근성을 갖춘 캐러셀 구성요소를 만듭니다.
대화상자
색상 적응성, 반응성, 접근성이 뛰어난 미니 및 메가 모달을 만듭니다.
게임 메뉴
마우스와 키보드로 이용할 수 있는 3D 게임 메뉴를 만듭니다.
로드 표시줄
진행률 요소를 사용하여 색상 적응형 및 액세스 가능한 로드 막대를 빌드합니다.
미디어 스크롤러
최소한의 반응형이고 접근성이 우수하며 여러 브라우저와 플랫폼에서 작동하는 웹용 가로 스크롤 환경을 만듭니다.
여러 개 선택
정렬 및 필터를 위한 반응형, 적응형, 접근성을 갖춘 다중 선택 구성요소를 빌드합니다.
설정
반응하고, 여러 기기 입력을 지원하며, 모든 브라우저에서 작동하는 설정 구성요소 빌드
측면 탐색
반응형, 스테이트풀(Stateful), 키보드 탐색 지원, 자바스크립트 유무와 관계없이 작동, 모든 브라우저에서 작동
분할 버튼
적응형의 액세스 가능한 분할 버튼 구성요소를 빌드합니다.
스토리
반응형이며 키보드 탐색을 지원하고 여러 브라우저에서 작동하는 웹용 스토리 구성요소를 빌드합니다.
svg-favicon
SVG로 어둡고 밝은 테마의 적응형 파비콘을 만듭니다.
스위치
반응형, 적응형, 액세스 가능한 스위치 구성요소를 만듭니다.
탭
그리드 및 스크롤 스냅 지점을 사용하여 탭 구성요소를 만듭니다.
토스트 메시지
액세스 가능한 적응형 토스트 구성요소를 빌드합니다.