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