Radio Button
GUIDE
Radio button은 단일 선택을 해야하는 곳에 사용합니다.
다른 radio button 선택 시 기존에 선택되어 있었던 radio button이 자동으로 선택 해제됩니다.
사용자에게 항상 기본 값을 제공해주며, 이는 UI 시안 또는 별도의 코멘트를 따릅니다.
ANATOMY
-
radio button의 경계와 선택 여부를 판단하는 기준이 됩니다.
-
기능을 설명하는 리스트명을 표기합니다
SIZE
Radio button의 상태별 정의는 다음과 같습니다.
icon+label에 설정된 기본 텍스트 값을 사용하고 싶지 않은 경우 icon type으로 개별 설정해 사용합니다.
STATES
Radio button의 상태별 정의는 다음과 같습니다.
icon+label에 설정된 기본 텍스트 값을 사용하고 싶지 않은 경우 icon type으로 개별 설정해 사용합니다.
USAGE
리스트에서 radio button 좌/우 배치는 화면 구조 및 맥락에 따라 결정될 수 있으나, radio button의 의미를 나타낼 수 있는 label과의 거리가 너무 멀어지지 않도록 유의합니다.
