radio

v4.15.0

STATUS

Passing

DOWNLOADS

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

5 years ago

SIZE

N/A

The RadioGroup is the preferred way to create radio groups in most use cases.

1 contributor

Install radio as a package?

Copied

npm i @bit/segmentio.evergreen.radio

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

Properties

Name	Type	Default value	Description
id	`string`		The id attribute of the radio.
name	`string`		The name attribute of the radio.
label	`node`		Label of the radio.
value	`string`		The value attribute of the radio.
onChange	`function`	`() => {}`	Function called when state changes Signature: `function(event: object, checked: boolean) => void`
disabled	`bool`		When true, the radio is disabled.
checked	`bool`		When true, the radio is checked.
size	`12 \| 16`	`12`	The size of the radio circle. This also informs the text size and spacing.
isRequired	`bool`	`false`	When true, the radio get the required attribute.
isInvalid	`bool`	`false`	When true, the aria-invalid attribute is true. Used for accessibility.
appearance	`string`	`'default'`	The appearance of the checkbox. The default theme only comes with a default style.
theme (required)	`object`		Theme provided by ThemeProvider.
options	`{"label":"node","value":"string","isDisabled":"bool"}[]`	`[]`	The options for the radios of the Radio Group.
value	`string`		The selected item value when controlled.
defaultValue	`string`		The default value of the Radio Group when uncontrolled.
onChange	`function`	`() => {}`	Function called when state changes.
label	`string`		Label to display above the radio button options.
size	`12 \| 16`	`12`	The size of the radio circle. This also informs the text size and spacing.
isRequired	`bool`	`false`	When true, the radio get the required attribute.