COMPONENTS

전체 컴포넌트

용도와 형태로 필요한 컴포넌트를 찾아보세요.

8개 컴포넌트

대표 이미지는 형태를 알아보기 쉽게 확대했습니다. 실제 크기는 상세 예제에서 확인하세요.
이미지는 React 예제입니다. 각 문서에서 선택한 플랫폼의 예제를 직접 조작할 수 있습니다. 플랫폼별 지원 범위

Accordion

항목별 펼침 상태를 관리하며 단일·복수 펼침을 선택합니다.

제목을 눌러 설명 영역을 펼치거나 접습니다.

화면 하단의 설명과 주요 행동을 묶습니다.

미디어·헤더·본문·푸터를 공통 표면과 여백 규칙으로 묶습니다.

화면 가장자리에서 작업 영역을 엽니다.

현재 흐름에서 확인이나 입력을 수행하고 이전 포커스로 돌아갑니다.

트리거 가까이에 추가 정보나 작업 영역을 엽니다.

가로 콘텐츠의 스크롤 영역을 구성합니다.