Nondeterministic Polynomial Munchies
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

react-bootstrap-button-loader

1.0.12 • Public • Published

react-bootstrap-button-loader

Bootstrap Button with Spinner feature

react-bootstrap-button-loader

npm version Downloads Build Status Coverage Status

Demo

Demo and playground are available here

Usage Example

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

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

Configurable Props

Note: All props are optional.

bsStyle: string, default: 'default'

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

disabled: boolean, default: false

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.

loading: boolean, default: false

This prop controls Button loading state.

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

icon: node, default: null

Buttons with icons are better!

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

spinAlignment: string, default 'left'

Controls spinAlignment, supported values: 'left' and 'right'

spinColor: string, default: '#fff'

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.

License

MIT (c) Yury Dymov

install

npm i react-bootstrap-button-loader

Downloadsweekly downloads

1,065

version

1.0.12

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability