authkit

Hook and components for integrating with Pica AuthKit. Compatible with React, Next.js, Vue, Svelte and more.

Install

With npm:

npm i @picahq/authkit

With yarn:

yarn add @picahq/authkit

Using the AuthKit component

You'll want to replace the token URL with your token endpoint URL, which can be securely generated from your backend using Pica's AuthKit Node library.

import { useAuthKit } from "@picahq/authkit";

const { open } = useAuthKit({
  token: {
    url: "https://api.your-company-name.com/authkit-token",
    headers: {},
  },
  onSuccess: (connection) => {},
  onError: (error) => {},
  onClose: () => {},
});

Full Documentation

Please refer to the official Pica AuthKit docs for a more holistic understanding of Pica AuthKit.