Chip Radio Group
두 가지 이상의 옵션 중 하나의 옵션만을 선택할 수 있는 칩 형태의 컨트롤입니다.
구조도
- Root
- Chip
- Label
- Prefix Icon
- Suffix Icon
컴포넌트 미리보기
옵션
Size
Chip Radio Group은 small, medium 2개의 사이즈를 가질 수 있습니다. medium이 가장 보편적으로 사용되며, 페이지 내의 중요도와 시각적 균형에 맞게 적절하게 사용합니다.
Selection
Chip Radio Group은 selected, unselected 중 하나의 상태를 가질 수 있습니다.
Disabled
Disabled 상태는 Chip Radio Group가 존재하지만 지금은 사용할 수 없는 상태를 나타냅니다. 이 옵션은 레이아웃 일관성을 유지하고 이후 상호작용이 가능할 수도 있음을 사용자에게 알려줍니다.
Icon
Prefix Icon으로 Label을 보조하기 위한 모노크롬 아이콘을 사용할 수 있습니다. Suffix Icon으로 Chevron을 사용해 칩 버튼의 상호작용을 강조할 수 있습니다. 동시 사용은 권장하지 않습니다.
옵션 테이블 (Chip Radio Group)
| 속성 | 값 | 기본값 |
| size | small, medium | medium |
| is disabled | true, false | false |
옵션 테이블 (Chip Radio)
| 속성 | 값 | 기본값 |
| label | text | |
| is disabled | true, false | false |
| prefix icon | icon | |
| suffix icon | Icon |
상호작용
터치 / 마우스
마우스 클릭 또는 터치로 Chip Radio Group과 상호작용할 수 있습니다.
키보드
Focus
← 또는 → 키를 통해 Chip 간 Focus 이동이 가능합니다.
가이드라인
Do / Don't
Do
유저가 빠르게 원하는 액션을 선택할 수 있도록 Label을 간결하고 명료하게 작성합니다.
Don't
불필요한 단어 사용을 지양합니다. Label은 1줄을 초과할 수 없습니다.