@girishsawant999/react-loading-button
TypeScript icon, indicating that this package has built-in type declarations

1.0.8 • Public • Published

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

Package Sidebar

Install

npm i @girishsawant999/react-loading-button

Weekly Downloads

1

Version

1.0.8

License

MIT

Unpacked Size

27.8 kB

Total Files

15

Last publish

Collaborators

  • girishsawant999