# 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>