JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q33448F
  • License ISC

Customizable button with loader

Package Exports

  • rn-loading-button
  • rn-loading-button/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 (rn-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

React Native Loading Button

A customizable button for react-native with loader option(s) which works on Android and iOS.

Installation

Run npm i --save rn-loading-button

Usage

Import
import LoadingButton from "rn-loading-button";
Code
<LoadingButton
  containerStyle={{}}
  isImage={false}
  label={"Button"}
  loading={false}
  mode={"solid"}
  onPress={() => {}}
  renderImage={() => {}}
  textStyle={{}}
  touchable={false}
/>

Properties

Property Type Default Value Description
containerStyle Object {} Customizable style property for button container
isImage Boolean false Property for showing icon or image inside the button
label String "Button" Property for labeling the button
loading Boolean false Property for showing loader inside the button
mode String "solid" Property for showing different button modes (light, outlined and solid)
onPress Function ()=>{} Property for triggering an action once the button is pressed
renderImage Function ()=>{} Property for rendering an icon or an image inside the button if isImage={true}
textStyle Object {} Customizable style property for button text
touchable Boolean false Property for enabling touchable to the button

License

ISC