Radio Button
단독으로 선택할 때 사용하는 컴포넌트입니다.
하나의 라디오 버튼을 선택하면 다른 라디오
버튼들은 선택 해제되며, 필수적으로 선택된 옵션을 제공합니다.
Anatomy
-
1. Container
선택 가능한 영역을 나타냅니다.
-
2. Icon
선택여부에 따라 채워짐 정도로 표시합니다.
-
3. Text
텍스트는 아이콘 우측에 배치합니다.
Types
General Radio Button
텍스트와 함께 구성하는 기본적인 라디오 버튼입니다.
필수적으로 선택된 옵션을 제공합니다.
라디오 버튼 내 하위 라디오 버튼을 구성하여 사용하지 않습니다.
States
리모컨의 포커스와 선택 여부에 분류합니다.
라디오 버튼간 명확한 구분을 위해 그룹화하여 사용할 수 있습니다.
그룹 간 간격을 붙여서 사용하지 않습니다.
Usage
Vertical Radio Button
Horizontal Radio Button
버튼의 순서를 랜덤으로 배치하지 않습니다.
Image Radio Button
