2.7.0 • Published 6 months ago

rc-segmented v2.7.0

Weekly downloads
-
License
MIT
Repository
github
Last release
6 months ago

rc-segmented

NPM version npm download dumi build status Codecov bundle size

React Segmented Control.

npm.io

Live Demo

https://react-component.github.io/segmented/

Install

rc-segmented

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+

PropertyTypeDefaultDescription
prefixClsstringrc-segmentedprefixCls of this component
classNamestring''additional class name of segmented
styleReact.CSSPropertiesstyle properties of segmented
optionsArray<string | number | SegmentedOption>[]options for choices
valuestring | numbervalue of segmented
defaultValuestring | numberdefaultValue of segmented
valuestring | numbercurrently selected value of segmented
onChange(value: string | number) => voiddefaultValue of segmented
disabledbooleanfalsedisabled status of segmented

SegmentedOption

PropertyTypeDefaultDescription
labelReactNodelabel of segmented option
valuestring | numbervalue of segmented option
classNamestring''additional class name of segmented option
disabledbooleanfalsedisabled 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