Reactstrap Action Button

A React component to represent a button that includes a load animation when executing an action

Requirements

Reactstrap

Usage

npm i reactstrap-action-button

import ReactActionButton from "reactstrap-action-button";

<ReactActionButton
  type="button"
  size="lg"
  color="primary"
  onClick={this.yourFunc}
  icon="fa fa-save"
  text="Save"
  saving={this.state.savingState}
/>

Props

|Prop | Description | Type | Default | Available Values | | -------------- | ------------------------------------- | ------------- | ------------- | ---------------- | |type | type of button | string | button | button - submit | |size | size of button | string | lg | lg - md - sm | |color | color of button | string | primary | secondary - primary - success - info - warning - danger | |icon | icon of button | string | fa fa-save | any icon | |text | text of button | string | Guardar | * | |waitingText | waiting text of button | string | Guardando... | * | |onClick | action func of button | func | none | any func | |saving | indicates that onClick is running | bool | false | true - false | |disabled | indicates that the button is disabled | bool | false | true - false |