astral-react-button

Astral React Button Component

Easily implentation plugin for your Astral payment integration

Start using your Astral Button

npm i astral-react-button or for yarn use yarn add astral-react-button

How to use in your project

import {AstralButton} from 'astral-react-button'

<AstralButton />

Props

Use and customize your plugin, you can change:

• label
• amount
• showPrice
• style

Label

Add your own text to your button like "Pay your dues", default is set to "Pay wil Astral" <AstralButton label="Your text here" />

Amount

Set the amount due <AstralButton amount={dynamicAmount} />

Show Price

If you want the price to appear in the button, pass the prop showPrice <AstralButton showPrice />

Style

If you would like to use the white button, for example if you have a multi-colored background and the blue doesn't show well, use: style <AstralButton style="white" />