Radio boxes are a type of form element. They're similar in function to radio inputs but larger, to add emphasis to a selection.

Radio Box Group

# RadioBox

RadioBox component

```
<RadioBox value='radio-box-1'>RadioBox 1</RadioBox>
```

Indicates whether or not the box will be checked

checked

enum

Content that will appear inside of the RadioBox component's label.

children

darkMode

If RadioBoxGroup is uncontrolled, the default property makes this RadioBox checked on the initial render.

default

Boolean that determines if the RadioBox is disabled.

disabled

string

Name passed to each RadioBox belonging to the RadioGroup.

name

Callback to be executed when a RadioBox is selected.

onChange

ChangeEventHandler<HTMLInputElement>

Determines size of RadioBox components ['default', 'compact', 'full'].

size

Determines what RadioBox will be checked on default. Component will be controlled if this prop is used.

value


```
<RadioBoxGroup onChange={() => execute callback onChange}>
<RadioBox value='RadioBox-1'>RadioBox 1</RadioBox>
<RadioBox value='RadioBox-2'>RadioBox 2</RadioBox>
</RadioBoxGroup>
```

Content that will appear inside of RadioBoxGroup component.