1. payment-ui-components
Generic UI components for Bambora/PaymentIQ
payment-ui-components
Package: payment-ui-components
Created by: devcode-git
Last modified: Thu, 12 May 2022 17:14:51 GMT
Version: 2.1.6
License: ISC
Downloads: 120
Repository: https://github.com/devcode-git/payment-ui-components

Install

npm install payment-ui-components
yarn add payment-ui-components

Payment UI Components

A library of common components built with Vue JS.

Available components

Looking for the Grid or AceEditor component? They have moved to payment-ui-bo-components

Making changes?

Remember to update the changelog

To use package fetched from @Bambora-npm-registry

//Edit your package.json and add to dependencies:
"payment-ui-components": "latest"

npm install  //install your project

Local development

cd to payment-ui-components
npm link

cd to your project
npm link payment-ui-components
npm start

//import the component(s) you wish to develop from payment-ui-components (NOTE not with the @bambora-scope)
import { Button } from 'payment-ui-components'

When you have made changes to payment-ui-components you have to transpile it

npm run build:all //transpiles everything in /src to ES2015 and puts it in /dist

If your app as Hot-modules-reload (HMR) enabled it will auto-reload and show your changes.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin