segmented-control

v4.15.0

STATUS

Passing

DOWNLOADS

586

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

5 years ago

SIZE

160 KB

1 contributor

Install segmented-control as a package?

Copied

npm i @bit/segmentio.evergreen.segmented-control

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';

Properties

Name	Type	Default value	Description
options (required)	`{"label":"node","value":"number \| string \| bool"}[]`		The options for the radios of the Segmented Control.
value	`number \| string \| bool`		The current value of the Segmented Control when controlled.
defaultValue	`number \| string \| bool`		The default value of the Segmented Control when uncontrolled.
onChange	`function`		Function called when the value changes.
name	`string`		The name of the radio group.
height	`number`	`32`	The height of the Segmented Control.
name (required)	`string`		The name attribute of the radio input.
label (required)	`node`		The label used for the radio.
value (required)	`string`		The value attribute of the radio input.
height (required)	`number`		The height of the control.
checked (required)	`bool`		When true, the radio input is checked.
onChange (required)	`function`		Function called when the state changes.
appearance (required)	`string`		The appearance of the control. Currently only `default` is possible.
isFirstItem	`bool`		When true, this item is the first item.
isLastItem	`bool`		When true, this item is the last item.
id	`string`		The unique id of the radio option.
theme (required)	`object`		Theme provided by ThemeProvider.