Bearer authentication setup web components

@bearer/authentication-setup helps you integrate a bearer setup form in one minute, so that you don't have to re-implement it over and over. It is published as a Web Component with the help of Stencil.

It is:

• customizable to match the design of your website (through CSS or CSS variables)
• easy to integrate (script tag or node modules)
• easy to use (property-based configuration)
• works with JavaScript frameworks: React, Vue, Angular

You'll find some examples within the examples folder

Using this component

Script tag

• Publish to NPM
• Put a script tag similar to this <script src='https://unpkg.com/@bearer/authentication-setup@latest/dist/bearer-setup.js'></script> in the head of your index.html
• You can now use the element anywhere in your template: JSX, HTML, etc

Node Modules

• Run npm install @bearer/authentication-setup --save
• Put a script tag similar to this <script src='node_modules/@bearer/authentication-setup/dist/@bearer/authentication-setup.js'></script> in the head of your index.html
• You can now use the element anywhere in your template: JSX, HTML, etc

Note: some bundlers needs to be configured to allow lazy loading of this web component. More information here: https://stenciljs.com/docs/overview

In a stencil-starter app

• Run npm install @bearer/authentication-setup --save
• Add an import to the npm packages import @bearer/authentication-setup;
• You can now use the element anywhere in your template: JSX, HTML, etc

Getting Started

git clone https://github.com/Bearer/authentication-setup.git 

and run:

yarn install --frozen-lockfile
yarn start

To build the component for production, run:

yarn build

To run the unit tests for the components, run:

yarn test