npm

Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript.Learn more »

react-button-group

1.0.2 • Public • Published

react-button-group

A carefully crafted button-group for React

Install

$ npm install react-button-group --save

Usage

If you want to change the border for the buttons in the group, just specify style.border

Example

var Group = require('react-button-group')
 
<Group defaultPressedIndex={1} keepOnePressed style={{fontSize: 20, borderRadius: 5}}>
    <Button>Save</Button>
    <Button>Export</Button>
    <Button>Import</Button>
</Group>

The module also exports those properties:

  • Button
  • SplitButton
  • DropDownButton

So you can include any of those in a group.

Properties

  • keepOnePressed: Boolean

  • pressedIndex: Number

  • defaultPressedIndex: Number

  • onToggle: Function(pressed, index) - Called when a button has been pressed. Called with 2 args: pressed boolean value and the index of the button in the group.

  • commonStyle: Object - styles to be applied to all buttons in the group

  • manageRadius: Boolean

  • manageBorder: Boolean

## Changelog

See changelog

## Contributing

Use Github issues for feature requests and bug reports.

We actively welcome pull requests.

For setting up the project locally, use:

$ git clone https://github.com/zippyui/react-button-group
cd react-button-group
$ npm install
$ npm serve # to start http server 
$ npm dev   * to start webpack-dev-server

Now navigate to localhost:9091

Before building a new version, make sure you run

$ npm run build

which compiles the src folder (which contains jsx files) into the lib folder (only valid EcmaScript 5 files).

## License

#### MIT

install

npm i react-button-group

Downloadsweekly downloads

19

version

1.0.2

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability