astral-vue-button

Astral Vue Button Component

Easily implentation plugin for your Astral payment integration

Start using your Astral Button

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

How to use in your project

import Vue from 'vue';
import AstralButton from 'astral-vue-button'

Vue.use(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"

Amount

Set the amount due <astral-button :amount="dynamicAmount">

Show Price

If you want the price to appear in the button, pass the prop showPrice <astral-button 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 <astral-button style="white">