2.7.0 • Published 6 months ago
rc-segmented v2.7.0
rc-segmented
React Segmented Control.
Live Demo
https://react-component.github.io/segmented/
Install
Usage
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={(value) => handleValueChange(value)}
/>,
mountNode,
);
API
Please note that onChange API changed on v2.0.0+
Property | Type | Default | Description |
---|---|---|---|
prefixCls | string | rc-segmented | prefixCls of this component |
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 | |
value | string | number | currently selected value of segmented | |
onChange | (value: string | number) => void | defaultValue of segmented | |
disabled | boolean | false | disabled status of segmented |
SegmentedOption
Property | Type | Default | Description |
---|---|---|---|
label | ReactNode | label of segmented option | |
value | string | number | value of segmented option | |
className | string | '' | additional class name of segmented option |
disabled | boolean | false | disabled status of segmented option |
Development
npm install
npm start
License
rc-segmented is released under the MIT license.
2.7.0
6 months ago
2.6.0
7 months ago
2.5.0
9 months ago
2.4.1
10 months ago
2.4.0
10 months ago
2.3.0
1 year ago
2.2.2
2 years ago
2.2.0
2 years ago
2.1.2
2 years ago
2.1.1
2 years ago
2.1.0-beta.0
3 years ago
2.1.0
3 years ago
1.3.1
3 years ago
2.0.0
3 years ago
1.2.0
3 years ago
1.3.0
3 years ago
1.2.1
3 years ago
1.1.0
3 years ago
1.0.0
3 years ago