Radio button

<input> elements of type radio are rendered by default as square boxes that are checked (ticked) when activated, like you might see in an official government paper form. To use, import from @marvelapp/ui:

import { Radio } from '@marvelapp/ui';

Kind

The <Radio /> component has a few kinds available that can be used depending on the context of the action being performed.

<Radio kind="defaultGreen" />
<Radio kind="defaultBlue" />

State

The <Radio /> component has 3 states available.

<Radio isChecked={false} />
<Radio isChecked={null} />
<Radio isChecked={true} />

Size

The <Radio /> component has 3 states available.

<Radio size={48} />
<Radio size={48} />
<Radio size={48} />

Props