Radio · 单选按钮

来源:参考组件库(3 个状态:unchecked / checked / disabled)· 同步 2026-09-29 · 用于互斥单选(用户**只能选一个**选项)

🎨 3 个状态

Unchecked
Checked
Disabled

📋 Radio Group(典型用法)

Choose a payment term

📐 Spec Details

Circle 直径
20px
Border
2px solid --grey-300
圆角
50%
选中内点
10×10 --yellow-500
间距
12px(circle ↔ label)
Focus 光晕
--yellow-500 3px 20% opacity
Transition
scale 0.15s ease
禁用透明度
0.5
禁用
cursor: not-allowed

🎯 使用规则