Radio

https://semantic-ui.com/modules/checkbox.html#radio

label

string | (string & ReactElement<any, string | JSXElementConstructor<any>>) | (string & Iterable<ReactNode>) | (string & ReactPortal) | (string & SemanticShorthandItemFunc<...>) | (string & ... 1 more ... & { ...; }) | undefined

className

string | undefined

disabled

boolean | undefined

checked

boolean | undefined

name

string

value

string | number

Unselected radio

<Radio label="Radio choise" checked={false} />

<Radio label="Radio choise" checked={false} />

Disable unselected radio

<Radio label="Radio choise" disabled checked={false} />

<Radio label="Radio choise" disabled checked={false} />

Selected radio

<Radio label="Radio choise" checked />

<Radio label="Radio choise" checked />

Disable selected radio

<Radio label="Radio choise" checked disabled />

<Radio label="Radio choise" checked disabled />

Radio Group

() => {
  const [selected, setSelected] = React.useState('this')
  return (
    <Form>
      <Form.Field style={{ marginBottom: '8px' }}>
        <Radio
          label="Choose this"
          name="radioGroup"
          value="this"
          checked={selected === 'this'}
          onChange={() => setSelected('this')}
        />
      </Form.Field>
      <Form.Field>
        <Radio
          label="Or that"
          name="radioGroup"
          value="that"
          checked={selected === 'that'}
          onChange={() => setSelected('that')}
        />
      </Form.Field>
    </Form>
  )
}