Bootstrap Button with Spinner feature

Demo and playground are available here

import Button from 'react-bootstrap-button-loader';

<Button loading={this.state.loading}>Press me!</Button>

Note: All props are optional.

Bootstrap style, supported values: default, primary, success, info, warning, danger, link.

Set this prop true to disable button.

Note: button in loading state is disabled and this behavior is not overridable even if false value is explicitly provided.

This prop controls Button loading state.

While loading, Button is disabled and icon provided via props is replaced with Spinner.

Buttons with icons are better!

Provided icon is shown if Button is not in a loading state. Otherwise Spinner is rendered.

Spinner color for loading state.

While white color used by default works fine for most cases, for different bootstrap themes and bsStyles it might be better to use other colors instead.

MIT (c) Yury Dymov