Radio button

라디오 버튼 UI는 사용자가 하나의 옵션만 선택할 수 있도록 제공되는 요소입니다. 디폴트로 하나의 선택된 옵션이 제공되며, 다른 옵션을 선택하면 이전 선택이 자동으로 해제됩니다.

Anatomy

anatomy

  • Icon
  • Text label
  • Sub text

Spec

  • State

    State

    Deselected, Selected, Disabled 상태로 분류됩니다.

  • Basic Placement

    Basic Placement

    아이콘 - 레이블 사이 패딩 : 4px 라디오버튼 사이 패딩 :12px 레이블 - 부가텍스트 사이 패딩 : 4px 레이블 우측에는 텍스트버튼/툴팁/뱃지가 결합될 수 있습니다.

  • Thumbnail Placement

    Thumbnail Placement

    썸네일의 배치는 padding 8을 기본값합니다. 라디오버튼 우측 또는 좌측에 위치할경우 동일한 값을 을 사용합니다.

Usage

Do

Do

표 내에서는 단독사용 Case 를 사용한다.

Don’t

Don’t

아이콘은 상하 가운데 정렬을 맞추어 사용한다

© KYOBO BOOK CENTRE교보문고 바로가기