Component Library Installation | PropelAuth BYO Documentation

Component Library Installation

While the PropelAuth BYO library is a backend library, some features such as Enterprise SSO and SCIM require frontend components to gather information from your users in order to use. To help build these components we offer a shadcn registry that includes drop in components that are fully customizable to fit your branding.

Install Components into a Your App

The shadcn registry allows you to install individual components into your app. To do so, in your target Next.js (or React) app:

  1. Follow the shadcn installation instructions to set up shadcn in your app.

  2. Initialize shadcn:

npx shadcn@latest init
  1. Install components. In this example we’ll install the enterprise-sso component.
npx shadcn@latest add https://components.propelauth.com/r/enterprise-sso.json
  1. Import and start using your new components!