@nopasswordlogin/react-nopasswordlogin

Registration and Authentication Components to use with the NoPasswordLogin platform

Usage no npm install needed!

<script type="module">
  import nopasswordloginReactNopasswordlogin from 'https://cdn.skypack.dev/@nopasswordlogin/react-nopasswordlogin';
</script>

README

react-nopasswordlogin

Enable your users to login using biometrics (TouchID, FaceID, Windows Hello) or hardware security tokens (Yubikey). Create an account at https://nopasswordlogin.com to get started.

Check out our Demo

Install and Usage

$ yarn add @nopasswordlogin/react-nopasswordlogin

# or

$ npm install @nopasswordlogin/react-nopasswordlogin

Registration

This component renders a button which makes a call to the No Password Login platform to register a user. When the component is clicked it will ask the user to register an authenticator such as TouchID.

Example Usage

import { Registration } from '@nopasswordlogin/react-nopasswordlogin';

<Registration clientId="demo" identifier="myusername" />

Authentication

This component renders a button which makes a call to the No Password Login platform to authenticate (login) a user. The user will be challenge with the authenticator that they registered with (For Example. TouchID or FaceID)

Example Usage

import { Authentication } from '@nopasswordlogin/react-nopasswordlogin';

<Authentication clientId="demo" identifier="myusername" />
Property Type Required
clientId string ✔
identifier string ✔
name string
onSuccess function
onFailure function
render node
renderUnsupported node

Get Started

  1. Signup for an account at https://dashboard.nopasswordlogin.com
  2. Create a new application which will generate a Client ID
  3. Drop the Registration and Authentication component somewhere in your authentication flow
  4. Your users can now register and login with biometrics

Contributing

All PR's are welcome.

License

This project is licensed under the MIT License - see the LICENSE file for details