# RadioGroup

> `RadioGroup` is part of the Atoms set, imported from `@jcsoftdev/ui/atoms`.

Source: https://ui.jcsoftdev.com/docs/components/radio-group

`RadioGroup` is part of the Atoms set, imported from `@jcsoftdev/ui/atoms`.

## Import

```ts
import { RadioGroup } from "@jcsoftdev/ui/atoms";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/atoms/radio-group`.

## Usage

```tsx
<RadioGroup
  options={options}
  defaultValue="efectivo"
  aria-label="Método de pago"
/>
```

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `options` * | `RadioOption[]` |  |  |

`*` marks a required prop.

It also accepts the native props of the element or primitive it renders (for example `className`, `id`, `aria-*` and event handlers).

## Storybook stories

- [Default](/storybook/?path=/story/atoms-radiogroup--default)
- [Without Descriptions](/storybook/?path=/story/atoms-radiogroup--without-descriptions)
- [Disabled](/storybook/?path=/story/atoms-radiogroup--disabled)
- [Controlled](/storybook/?path=/story/atoms-radiogroup--controlled)

## Source

`packages/ui/src/atoms/radio-group/radio-group.tsx`