open-index/open-npm huggingface dataset:
npm package: @pilotteam/nid-button
Description: Sign in with nID button
Author: Paul Gerarts
Latest version: 0.1.0-rc.3

# 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

```ts
import 'nid-button';
```

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

```html
<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](https://caniuse.com/es6-module)). We recommend to install this component as an [NPM module](#NPM-module) when used in production because the [ES6 module](#Module-script) 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.

```html
<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>
```