#RadioGroup

#基础用法

#禁用

RadioGroup 支持整组禁用，也支持为单个选项设置禁用状态。

#结构

<RadioGroupRoot>
  <Radio>
    <RadioIndicator />
  </Radio>
</RadioGroupRoot>

#API

#RadioGroupRoot

The root component of the RadioGroup, containing all of its child components.

基于状态的样式与渲染

该组件将每一项内部状态通过两条等价通道同时对外暴露，下表逐行给出两者的对应关系：

• CSS className：根节点上会动态加上 ui-<state> 形式的类名，可直接用 .ui-<state> { ... } 选择器定制样式；
• Render-prop 字段：当 children 传入函数时，同一个状态会以 children({ <state>: boolean, ... }) 的形式作为参数传入，便于在运行时做条件渲染。

#Radio

The item inside RadioGroup.

#RadioIndicator

The check slot indicating this Radio is now selected. Normally a circle. It's children will only be rendered when selected so it can be a custom inner selected indicator. Can be a ReactNode or a render function returns a ReactNode.