react-button-group

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