@vlsergey/react-bootstrap-button-with-spinner

    2.0.0 • Public • Published

    @vlsergey/react-bootstrap-button-with-spinner

    Ready-to-use wrapper for react-bootstrap Button component. Automatically disables button and displays spinner inside until async onClick handler is completed. I.e. until Promise returned by onClick is resolved or rejected.

    NPM version Build Status Downloads

    Installation

    npm i --save @vlsergey/react-bootstrap-button-with-spinner
    

    or

    npm i --save-dev @vlsergey/react-bootstrap-button-with-spinner
    

    Usage

    // Replace 'import Button from "react-bootstrap/Button"' with"
    import Button from "@vlsergey/react-bootstrap-button-with-spinner"
    
    <Button onClick={this.handleClick}>Button text</Button>

    Component is a drop-in replacement for React Bootstrap Button component.

    No additional configuration is required.

    onClick handle does not need to be async, i.e. is not required to return Promise. But auto-disable/auto-spinner functionality will work only if handler is async. In other cases it will fallback to original functionality of Button.

    Props

    Property Default value Description
    spinner <Spinner animation="border" aria-hidden="true" as="span" role="status" size="sm" {...spinnerProps} /> Allow to replace default Spinner with something else
    spinnerProps {} Allow to override default Spinner properties.

    Install

    npm i @vlsergey/react-bootstrap-button-with-spinner

    DownloadsWeekly Downloads

    18

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    27.4 kB

    Total Files

    27

    Last publish

    Collaborators

    • vlsergey