컴포넌트

명확한 라벨로 작업을 실행합니다.

키보드로 오갈 수 있게 관련 도구를 묶습니다.

짧은 텍스트와 식별자를 입력받습니다.

고정 목록에서 옵션 하나를 선택합니다.

기존 HTML option 마크업을 공유 Select에 연결합니다.

라벨, 도움말 텍스트, 오류, 값을 연결합니다.

관련 입력을 범례 아래에 그룹화합니다.

검증과 제출 결과를 알려 줍니다.

여러 줄 설명을 입력받습니다.

옵션 목록을 검색하고 하나를 선택합니다.

입력한 텍스트를 유지하면서 제안을 탐색합니다.

증가·감소로 숫자 범위를 조절합니다.

범위 안에서 값을 조절합니다.

슬롯으로 나뉜 일회용 코드를 입력받습니다.

로케일별 형식으로 날짜, 시간, 범위를 입력받습니다.

모니터링 화면이 보여 줄 지금부터의 기간과 새로 고침 간격을 고릅니다.

파일 제한과 업로드 상태를 설명합니다.

독립 옵션을 원하는 만큼 선택합니다.

여러 선택을 전체 선택 체크박스에 연결합니다.

상호 배타적 옵션 중 하나를 선택합니다.

즉시 적용되는 설정을 켜고 끕니다.

눌림과 해제 상태를 전환합니다.

도구 모드와 표시 옵션을 선택합니다.

기간이나 방향처럼 몇 개 중 값 하나를 고릅니다.

라이트, 다크, 기기 설정 중 하나를 골라 기억합니다.

트리거 옆에서 보조 작업을 제공합니다.

현재 컨텍스트의 작업을 모아 둡니다.

오른쪽 클릭이나 길게 누르면 작업을 열고, 보이는 메뉴 폴백을 제공합니다.

포커스와 호버 시 짧은 보조 설명을 보여 줍니다.

링크 대상을 미리 봅니다.

전체 주의가 필요한 독립 작업을 엽니다.

데이터를 잃을 수 있는 작업 전에 명시적 응답을 요구합니다.

한쪽에 고정된 상세 패널을 엽니다.

스와이프로 닫히는 작업 패널을 엽니다.

같은 컨텍스트에서 패널을 전환합니다.

헤딩에 연결된 세부 내용을 펼칩니다.

한 섹션의 세부 내용을 접고 펼칩니다.

관련 페이지를 계층적으로 탐색합니다.

여러 작업 메뉴를 한 줄에서 탐색합니다.

명확한 대상으로 이동합니다.

현재 위치와 상위 경로를 보여 줍니다.

큰 결과 집합을 페이지로 나눕니다.

휴대폰의 주요 목적지를 화면 아래쪽에 둡니다.

사용자와 그룹 이미지를 폴백과 함께 보여 줍니다.

상태를 색, 아이콘, 텍스트로 함께 보여 줍니다.

리소스의 속성을 용어와 값으로 보여 줍니다.

배포 기록이나 감사 로그처럼 시간 순서의 사건을 보여 줍니다.

키나 단축키를 이 플랫폼이 쓰는 대로 적습니다.

관련 정보만 한 표면에 그룹화합니다.

정렬된 행과 열로 정보를 비교합니다.

긴 식별자와 코드를 복사 동작과 함께 표시합니다.

각 언어의 코드를 안전하고 읽기 쉽게 렌더링합니다.

문서, 코드, 표를 공유 읽기 스타일로 렌더링합니다.

반복 콘텐츠와 작업을 정렬합니다.

핵심 수치를 변화와 기준 설명과 함께 보여 줍니다.

중첩 리소스를 키보드로 탐색합니다.

레이아웃 안에 가로·세로 스크롤을 추가합니다.

전체 너비 또는 안쪽 경계를 그립니다.

작업 완료 정도나 실행 중임을 보여 줍니다.

알려진 범위 안의 측정값을 보여 줍니다.

흐름을 막지 않고 작업 결과를 알립니다.

어떤 콘텐츠에든 불러오는 중, 다시 시도가 있는 오류, 빈 상태, 오래된 값을 보여 줍니다.

앱 셸 전체에 걸쳐 제품 전체의 상태를 모두에게 알립니다.

현재 컨텍스트에서 정보, 경고, 오류를 설명합니다.

짧은 작업의 진행을 나타냅니다.

로드 중 콘텐츠 구조를 보여 줍니다.

결과가 없는 이유와 다음 단계를 설명합니다.