Select Box
주로 동적폼에서 사용되며, 여러개의 선택지(옵션)를 제공하는 경우에 사용해요.
구조도
- Root
- Content
- Label
- Description
- Control
옵션
Checkbox
유저가 여러가지 옵션을 복수 선택할 수 있습니다.
Radio
두 가지 이상의 옵션 중 하나의 옵션만 선택할 수 있으며, 사용자가 하나의 옵션을 선택하면 다른 옵션은 Unselected 됩니다.
Description
사용자가 선택해야 하는 옵션에 대한 추가 컨텍스트나 도움말을 제공할 수 있습니다. 사용자가 옵션 선택을 더욱 쉽게 이해하고 완료할 수 있도록 돕습니다.
옵션 테이블
속성 | 값 | 기본값 |
control | checkbox, radio | checkbox |
description | text |
상호작용
터치/마우스
Touch area
마우스 클릭 또는 터치로 Select Box와 상호작용할 수 있습니다.
키보드
Focus
tab 키를 통해 Focus를 옮길 수 있습니다.
Selected ON/OFF
Focus된 상태에서 space 키를 통해 ON / OFF를 전환할 수 있습니다.