선택·설정·필터
각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.
체크박스 Checkbox
여러 항목을 독립적으로 선택하는 컨트롤.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
라디오 버튼 Radio Button
하나의 그룹에서 하나만 선택하는 컨트롤.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
스위치 Switch / Toggle Switch
설정의 켜짐·꺼짐 상태를 즉시 전환.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
선택 목록 Select
정해진 옵션 중 하나를 선택하는 입력 컨트롤.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
콤보박스 Combobox
입력 또는 선택과 팝업 옵션 목록을 결합한 컨트롤.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
다중 선택 Multi-select
여러 개의 값을 동시에 선택할 수 있는 방식.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
칩 Chip
작은 캡슐형 요소로 선택·입력·필터·동작을 표현.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
필터 칩 Filter Chip
필터 조건의 적용·해제를 빠르게 전환.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
입력 칩 Input Chip
선택된 키워드·수신자 등 사용자가 입력한 개별 값을 표시.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
선택 칩 Choice Chip
짧은 후보 중 원하는 값을 선택.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
태그 Tag
콘텐츠의 분류·속성을 간결하게 표시.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
슬라이더 Slider
연속 범위의 숫자값을 드래그해 조정.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
범위 슬라이더 Range Slider
최솟값과 최댓값을 함께 지정하는 컨트롤.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
평점 선택기 Rating Control
별 등급 등의 평가값을 입력.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
색상 선택기 Color Picker
팔레트·스펙트럼에서 색상을 지정.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
트리 선택기 Tree Select
계층 구조에 있는 항목을 선택.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
이동 목록 Transfer List
미선택·선택 목록 사이에서 항목을 옮기는 UI.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
이중 목록 상자 Dual Listbox
두 목록 간 항목 선택·이동을 제공하는 컨트롤.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
선택 도구 모음 Selection Toolbar
여러 항목 선택 시 삭제·내보내기 등 일괄 작업 제공.
선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
Selection, Settings & Filters
Open an entry for its visual reference, comparisons and source-language text.
Checkbox 체크박스
A control for selecting multiple items independently.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Radio Button 라디오 버튼
A control for choosing exactly one option from a group.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Switch / Toggle Switch 스위치
A control that immediately switches a setting on or off.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Select 선택 목록
An input for choosing one of a predefined set of options.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Combobox 콤보박스
A control combining text entry or selection with a popup list of options.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Multi-select 다중 선택
A selection method that permits multiple values at once.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Chip 칩
A small capsule-shaped element representing a selection, input, filter, or action.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Filter Chip 필터 칩
A chip for quickly enabling or disabling a filter condition.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Input Chip 입력 칩
A chip representing an individual entered value, such as a keyword or recipient.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Choice Chip 선택 칩
A chip for choosing a value from a short set of options.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Tag 태그
A concise label describing a content category or attribute.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Slider 슬라이더
A draggable control for adjusting a numeric value within a continuous range.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Range Slider 범위 슬라이더
A control for specifying both a minimum and a maximum value.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Rating Control 평점 선택기
A control for entering an evaluation, such as a star rating.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Color Picker 색상 선택기
A control for selecting a color from a palette or spectrum.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Tree Select 트리 선택기
A control for selecting items within a hierarchy.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Transfer List 이동 목록
An interface for moving items between available and selected lists.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Dual Listbox 이중 목록 상자
A control for selecting and moving items between two listboxes.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Selection Toolbar 선택 도구 모음
A toolbar offering bulk actions, such as deletion or export, for selected items.
Specifying selection, settings, and filters.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.