> For the complete documentation index, see [llms.txt](https://tigriweb.gitbook.io/components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tigriweb.gitbook.io/components/attributes/radio.md).

# Radio

[TwebBlockRadioControl](https://github.com/tigriweb/components/blob/master/attributes/TwebBlockRadioControl.js)

<div align="left" data-full-width="false"><figure><img src="/files/B7OLnwPEsM1TMJCUyBlA" alt=""><figcaption></figcaption></figure></div>

<details>

<summary>{ label, help, choices*, name*, attributes*, setAttributes* }</summary>

```jsx
/**
 * @param {string} [label] - Component label.
 * @param {string} [help] - Component description.
 * @param {object} choices - Object containing key-value pairs options.
 * @param {string} name - Attribute name.
 * @param {object} attributes - Object containing block attributes.
 * @param {function} setAttributes - Function to set new block attribute values.
 */
```

</details>

{% code title="block.json" overflow="wrap" %}

```json
"testRadio": {
	"type": "string",
	"default": "choice1"
}
```

{% endcode %}

{% code title="index.js" overflow="wrap" %}

```jsx
import {
	TwebBlockRadioControl,
} from '@tigriweb/components/attributes';
```

{% endcode %}

{% code title="index.js | edit()" %}

```jsx
<TwebBlockRadioControl
	label={ __('Radio Label', 'your-theme-name') }
	help={ __('Radio Description', 'your-theme-name') }
	choices={ {
		'choice1': __('Choise 1', 'your-theme-name'),
		'choice2': __('Choise 2', 'your-theme-name'),
		'choice3': __('Choise 3', 'your-theme-name'),
	} }
	name="testRadio"
	{ ...{ attributes, setAttributes } }
/>
```

{% endcode %}