@roo-ui/components
Version:
45 lines (32 loc) • 970 B
Markdown
# Radio
<!-- STORY -->
## Installation
```shell
$ yarn add @roo-ui/components
```
## Example
```js
import { Box, Label, Radio } from '@roo-ui/components';
export default (
<Box textAlign="left" is="form">
<Label textStyle="text">
<Radio name="example" /> Uno
</Label>
<Label textStyle="text">
<Radio name="example" /> Dos
</Label>
<Label textStyle="text">
<Radio name="example" /> Tres
</Label>
<Label textStyle="text">
<Radio disabled name="example" /> Quattro
</Label>
</Box>
);
```
## Properties
| Name | Description | Type | Default | Required? |
|:-----------|:----------------------|:-------|:--------|:----------|
| `checked` | sets checked state | `bool` | false | - |
| `disabled` | disables radio button | `bool` | false | - |
Standard [radio attributes](https://www.w3schools.com/jsref/dom_obj_radio.asp) will be passed down to the `<input />`.