@paybark/paybark-ui v1.3.3

PayBark UI

Installation

To install and save in your package.json dependencies, run:

npm install @paybark/paybark-ui

Nunito Font

PayBark UI was designed to be used with Nunito, available for free from Google Fonts. Nunito can be included in your application inside of HTML or from NPM.

In HTML:

<link rel="preconnect" href="https://fonts.gstatic.com">
<link
  href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;700&family=Playfair+Display:wght@400;500;600&family=Roboto:wght@300;400;500;700&display=swap"
  rel="stylesheet"
/>

Setup

Wrap your application with PayBarkUI:

import React from 'react';
import { PayBarkUI } from '@paybark/paybark-ui';
import App from './App'

function Index() {
    return (
        <PayBarkUI>
            <App/>
        </PayBarkUI>
    );
}

Usage

Import components individually to use them inside your application:

import React from 'react';
import { Button } from '@paybark/paybark-ui';

function SaveButton() {
    return <Button>Hello World</Button>;
}