@pilotteam/nid-button

nid-button

Nid button component. This component can function as a link to authrequest or as a deeplink to the wallet app.

Install

NPM module

Install this component in your application by running npm i @pilotteam/nid-button and import it somewhere in your code

import 'nid-button';

Module script

You can also import this button with a <script> tag as an ES6 module.

<script type="module" src="https://unpkg.com/@pilotteam/nid-button/dist/Button.js?module"></script>

NOTE

ES6 modules only work on modern browsers (see what browsers and versions support ES6 modules). We recommend to install this component as an NPM module when used in production because the ES6 module loads code from a third-pary CDN.

Usage

All props on nid-button are required except for optionalScopes. The property scope receives the scopes seperated by a space.

<nid-button
    text="Inloggen met nID"
    clientid="<client-id>"
    scope="<scope(s)>"
    redirecturi="<redirect uri>"
    audience="<audience>"
    optionalscopes="<optional scopes>"
    theme="[nid | twi]"
></nid-button>