RadioButtonGroup
================

*   GitHub: [BonnierNews/dn-design-system/web/src/components/radio-button-group](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/radio-button-group)
*   Storybook: [RadioButtonGroup](https://designsystem.dn.se/?path=/docs/basic-form-radiobuttongroup--docs)

This component is used to render a group of radio buttons.

The component will not include styling by itself. Make sure to include the right styles for the component. See example below: `@use '@bonniernews/dn-design-system-web/components/radio-button-group/radio-button-group.scss`

| Name | Description | Default |
|:--- | :--- | :--- |
| buttons\* | RadioButtonProps\[\] | \- |
| name | string | \- |
| error | boolean | \- |
| errorMessage | string | \- |
| required | boolean | \- |
| stripLabel | boolean | \- |
| disabled | boolean | \- |
| validation | string | \- |
| forcePx | boolean | \- |
| classNames | Ex. "my-special-class"<br />string | \- |
| attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />Record<string, unknown> | \- |

```jsx
<RadioButtonGroup
  buttons={[
    {
      id: 'my_radio_name1',
      label: 'My radio 1',
      selected: true,
      value: 'my_radio_value1'
    },
    {
      id: 'my_radio_name2',
      label: 'My radio 2',
      value: 'my_radio_value2'
    }
  ]}
  name="my_radio_name"
/>
```