RadioButtonGroup

Note: The example below won't work due to a quirk in the docs.
Source code
import { RadioButtonGroup,RadioButtonGroupItem } from "rfui";

#Basic

<RadioButtonGroup name="plan">
  <RadioButtonGroupItem value="free">
    Free
  </RadioButtonGroupItem>
  <RadioButtonGroupItem value="basic">
    Basic
  </RadioButtonGroupItem>
  <RadioButtonGroupItem value="premium">
    Premium
  </RadioButtonGroupItem>
</RadioButtonGroup>

#Controlled

<RadioButtonGroup
  name="plan"
  selectedValue={selectedValue}
  onChange={(newSelectedValue) => {
    setSelectedValue(newSelectedValue);
  }}
>
  <RadioButtonGroupItem value="free">
    Free
  </RadioButtonGroupItem>
  <RadioButtonGroupItem value="basic">
    Basic
  </RadioButtonGroupItem>
  <RadioButtonGroupItem value="premium">
    Premium
  </RadioButtonGroupItem>
</RadioButtonGroup>

#Props

PropRequiredDefaultType and notes
name--
string
This will be passed to the <input type="radio" /> in RadioButtonGroupItem.
selectedValue--
RadioButtonType["value"]
onChange--
(newSelectedVal: RadioButtonType["value"]) => void
children✔-
ComponentChild

RadioButtonGroupItem

PropRequiredDefaultType and notes
value--
RadioButtonType["value"]
radioButtonRest--
Omit<RadioButtonType, "size">
This gets spread to the RadioButton like so:
<div>
  ...
  <RadioButton {...radioButtonRest} />
</div>
children✔-
ComponentChild
...rest--
ComponentProps<"label">