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 = <Group = => <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