Components

Radio

여러 옵션 중 하나만 고를 때 씁니다. 모든 선택지가 항상 보입니다.

코드 보기
<label><input type="radio" name="dep"> 클라우드</label>
/* accent-color: var(--foreground) */

Variants

이름설명미리보기
기본accent 검정
disabledmuted

Guidelines

✓ Do
  • 기본 선택 1개를 미리 지정
  • 옵션 4개 이하일 때만
✕ Don't
  • 옵션 5개 이상이면 Select로
  • 가로 나열하지 않는다 (세로 스택)

Specification

속성토큰/값비고
크기15px
accentvar(--foreground)