JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q42842F
  • License MIT

A react component for loading button with animation

Package Exports

  • @girishsawant999/react-loading-button
  • @girishsawant999/react-loading-button/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@girishsawant999/react-loading-button) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Project logo

React Loading Button

Status GitHub Issues GitHub Pull Requests

Build License


A small react loading button component for getting flexibility to show other content instead of full screen loader while submitting API request.

React loading Button Playground

📝 Usage

Just install the package using command

npm install @girishsawant999/react-loading-button

And then import component in your react app

import Button from '@girishsawant999/react-loading-button';

// Use Button Component

<Button loading={isLoading}>Loading Button</Button>;

That's all and you are ready to go.

📃 Props

Prop Types Description
loading Boolean
Default: false
Added loader in button when value is true
buttonType primary, secondary, danger, success, warning, info, light, dark, glass
Default: primary
Set type of layout to button you can check it on playground
loader spinner, circle-notch, three-dots, ball-triangle, bars, filling-box, puff, half-circles, circular-stripes
Default: spinner
Set type of loader in button while loading

Additionally you can pass any other props to button