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

3. Install components. In this example we’ll install the enterprise-sso component.

   npx shadcn@latest add https://components.propelauth.com/r/enterprise-sso.json

4. Import and start using your new components!