Radio 單選

單選用來在群組中選擇一個值。選中狀態是白底、深金色外圈與深金色圓點，不是實心黃圓加黑點。

示範

基礎

綁定群組 value，並以 e.detail.value 監聽 change。方向鍵可移動並選取，會跳過停用項目。

蘋果梨李

值：pear

<gk-radio-group :value="fruit" @change="onFruit">
  <gk-radio value="apple">蘋果</gk-radio>
  <gk-radio value="pear">梨</gk-radio>
  <gk-radio value="plum">李</gk-radio>
</gk-radio-group>

尺寸

尺寸列舉與其他控制項一致：sm、md、lg。

小中大

<gk-radio-group size="sm" value="a">
  <gk-radio value="a">小</gk-radio>
</gk-radio-group>
<gk-radio-group size="md" value="a">
  <gk-radio value="a">中</gk-radio>
</gk-radio-group>
<gk-radio-group size="lg" value="a">
  <gk-radio value="a">大</gk-radio>
</gk-radio-group>

停用

群組 disabled 會阻擋選取。

已選其他

<gk-radio-group disabled value="a">
  <gk-radio value="a">已選</gk-radio>
  <gk-radio value="b">其他</gk-radio>
</gk-radio-group>

API

Radio Props

Prop	型別	預設值
checked	boolean	false
disabled	boolean	false
size	'sm' | 'md' | 'lg'	'md'
value	string	''

RadioGroup Props

Prop	型別	預設值
value	string	''
disabled	boolean	false
size	'sm' | 'md' | 'lg'	'md'

RadioGroup Events

名稱	說明
change	detail: { value: string }