React Segmented Control.
https://react-component.github.io/segmented/
import Segmented from 'rc-segmented'; import 'rc-segmented/assets/index.css'; // import 'rc-segmented/asssets/index.less'; import { render } from 'react-dom'; render( <Segmented options={['Antd', 'Antv', 'Egg.js']} onChange={(e) => handleValueChange(e.target.value)} />, mountNode, );| Property | Type | Default | Description |
|---|---|---|---|
| prefixCls | string | rc-segmented | |
| className | string | '' | additional class name of segmented |
| style | React.CSSProperties | style properties of segmented | |
| options | Array<string | number | SegmentedOption> | [] | options for choices |
| value | string | number | value of segmented | |
| defaultValue | string | number | defaultValue of segmented | |
| onChange | (e: any) => void | defaultValue of segmented | |
| disabled | boolean | false | disabled status of segmented |
| Property | Type | Default | Description |
|---|---|---|---|
| label | ReactNode | label of segmented option | |
| value | string | number | |
| className | string | '' | additional class name of segmented option |
| disabled | boolean | false | disabled status of segmented option |
npm install npm start rc-segmented is released under the MIT license.