# @nopasswordlogin/react-nopasswordlogin

> Registration and Authentication Components to use with the NoPasswordLogin platform

Latest version **0.0.7** (published 2019-11-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install @nopasswordlogin/react-nopasswordlogin
pnpm add @nopasswordlogin/react-nopasswordlogin
yarn add @nopasswordlogin/react-nopasswordlogin
bun add @nopasswordlogin/react-nopasswordlogin
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.7 |
| Published | 2019-11-18 |
| First published | 2019-07-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 19.9 KB |
| Known vulnerabilities | 0 (+24 in 1 direct dependencies) |
| Install scripts | no |
| Author | Chris McCaw |
| Maintainers | cmccaw |
| Keywords | react, passwordless, passwordless-login, webauthn, fido2, fido, web-authentication, webauthn-library, ctap2 |

## Links

- npm: https://www.npmjs.com/package/@nopasswordlogin/react-nopasswordlogin
- Repository: https://github.com/nopasswordlogin/react-nopasswordlogin
- Homepage: https://github.com/nopasswordlogin/react-nopasswordlogin#readme
- Issues: https://github.com/nopasswordlogin/react-nopasswordlogin/issues
- npm.io page: https://npm.io/package/@nopasswordlogin/react-nopasswordlogin

## Dependencies (5)

- [axios](https://npm.io/package/axios.md) ^0.18.0
- [core-js](https://npm.io/package/core-js.md) ^3.0.1
- [unibabel](https://npm.io/package/unibabel.md) ^2.1.8
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2
- [styled-components](https://npm.io/package/styled-components.md) ^4.1.3

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.7 (latest) — 2019-11-18
- 0.0.6 — 2019-11-18
- 0.0.5 — 2019-07-18
- 0.0.4 — 2019-07-18
- 0.0.3 — 2019-07-18
- 0.0.2 — 2019-07-13
- 0.0.1 — 2019-07-13

## 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](https://github.com/nopasswordlogin/react-nopasswordlogin-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
1. 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](LICENSE) file for details

---
_Source: https://npm.io/package/@nopasswordlogin/react-nopasswordlogin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._