Radio
라디오(Radio)은 여러 항목 중에서 단일선택을 해야하는 곳에 사용합니다.
한 번에 하나만 선택할 수 있으며 사용자가 새 항목을 선택하면 이전 선택 항목이 자동으로 선택 취소됩니다.
한 번에 하나만 선택할 수 있으며 사용자가 새 항목을 선택하면 이전 선택 항목이 자동으로 선택 취소됩니다.
Type
Group Title
Anatomy
Accept terms and condition
You agree to our Terms of Service and Privacy Policy.
01
02
03
- Radio
- Label (선택)
- Description (선택)
State
상태는 Default / Check / Disable 3가지로 사용합니다.
Check 상태일 때, Radio color는 해당 솔루션의 primary color를 사용합니다.
Check 상태일 때, Radio color는 해당 솔루션의 primary color를 사용합니다.
Default
Check
Disable
Size
사이즈는 md / lg / xl 3가지를 사용합니다.
xl(24px)
lg(18px)
md(12px)
사용 가이드
사용 관련
Don’t
Radio를 수평으로 배치하는 경우 버튼 간 간격을 충분히 제공한다.
Don’t
Radio의 기본 값을 설정하여 하나의 값에 체크가 되어있게 설정합니다. (Default checked 필수)
Don’t
복 선택 항목에는 Radio 대신 Checkbox를 사용합니다
Don’t
Radio 옵션의 개수가 7개를 초과하며, 사용자가 옵션 목록에 친숙한 경우에는 Select를 사용하면 사용자의 인지적 부담을 줄이고 활용할 수 있는 공간을 확보하는 데 도움이 됩니다.