@authopia/widget NPM

Authopia

Authopia is a user-friendly and customizable authentication component for React applications. It provides a straightforward way to implement user authentication features, including login, registration and logout using passkeys in your React projects. This README file will guide you through the installation and usage of the widget.

Installation

To get started with the widget, you need to follow these simple steps:

Install the package using npm or yarn:

npm install @authopia/widget
# or
yarn add @authopia/widget

Usage

Once you've installed the widget, you can include it in your application as follows:

Example of React `App.js` file with basic integration:

import { defineCustomElements } from '@authopia/widget/loader';
import '@authopia/widget/dist/authopia-widget/authopia-widget.css';

defineCustomElements(window);

const App = () => <authopia-widget email="test@mail.com" project-id="12345678" text="Click" />;

export default App;