Version:

Install ​

shell
npm i @mate-react/radio-group

Import ​

tsx
import { MateRadioGroup, MateRadioButton } from '@mate-react/radio-group';

Variants ​

Default ​

tsx
<MateRadioGroup label="Group Label">
  <MateRadioButton label="Option 1" value="1" />
  <MateRadioButton label="Option 2" value="2" />
  <MateRadioButton label="Option 3" value="3" />
</MateRadioGroup>

Vertical ​

tsx
<MateRadioGroup label="Group Label" theme="vertical">
  <MateRadioButton label="Option 1" value="1" />
  <MateRadioButton label="Option 2" value="2" />
  <MateRadioButton label="Option 3" value="3" />
</MateRadioGroup>

Disabled ​

tsx
<MateRadioGroup label="Group Label" disabled>
  <MateRadioButton label="Option 1" value="1" />
  <MateRadioButton label="Option 2" value="2" />
</MateRadioGroup>

Invalid ​

tsx
<MateRadioGroup label="Group Label" invalid errorMessage="Error message">
  <MateRadioButton label="Option 1" value="1" />
  <MateRadioButton label="Option 2" value="2" />
</MateRadioGroup>

Readonly ​

tsx
<MateRadioGroup label="Group Label" readonly value="1">
  <MateRadioButton label="Option 1" value="1" />
  <MateRadioButton label="Option 2" value="2" />
</MateRadioGroup>