Radio

Radio는 Label을 포함한 Radio로 여러 선택지 중 단 하나만 선택할 수 있도록 하는 요소입니다.
사용자는 동일한 그룹 내에서 오직 하나의 항목만 선택 가능하며, 선택 시 다른 항목은 자동으로 해제됩니다.

Anatomy

  1. 1Control
  2. 2Label

Variants

Size
Tight

States

Clickable area

단일 항목을 선택할 때 사용하며 터치 영역에 따라 Cell 혹은 Input/Radio를 선택 적용합니다.

  • Input/Radio: Control과 Label 영역만 터치 영역
  • Cell: 공백을 포함한 모든 영역이 터치 영역

Gap

반복하여 배치할 시 모바일에서 터치영역의 안정성을 유지하기 위해 최소 8px 이상의 간격을 두는 것을 권장합니다.
간격을 조정할 시에는 4배수 간격으로 변경합니다.

How to use

Do

Framed style과 함께 활용하여 명확성을 높일 수 있습니다.

Don’t

Control을 우측에 배치하여 사용하지 않습니다.

Customize

Label
typography
typographyColor

© 2026 Wanted Lab, Inc.