Create your login pages on our console-app, once done, you can use this library to inject those pages to your app
it registers- a web component and update the web-component content based on the relevant page, See usage example below

Usage

Install the package

npm install @descope/web-component

As a library

import '@descope/web-component'
import { DescopeWc } // in case you need types definition or you want to use the class directly

//render a custom element, for example:
render(){
  return (
    <descope-wc project="myProjectId"/>
  )
}

In HTML file

Copy the file @descope/web-js/sdk/dist/descope-wc.js and place it where your HTML file is located
Add the following script tag to your HTML file

<head>
	<script src="./my-lib.umd.production.min.js"></script>
</head>

Now you can add the custom element to your HTML

<descope-wc project-id="<project-id>" flow-id="<flow-id>"></descope-wc>

Run the demo app

Install dependencies - npm i
Create a .env file and add the following parameters:

// .env
DESCOPE_BASE_URL=<base-url>
DESCOPE_FLOW_ID=<flow-id>
DESCOPE_PROJECT_ID=<project-id>

Run application - npm run start

TODO: we should host this file so it can be included without installing the package, once we will publish it to a public registry, we can also use unpkg.com/ to serve it

FAQs

What is @descope/web-component?

Is @descope/web-component popular?

Is @descope/web-component well maintained?

Package last updated on 08 Dec 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

@descope/web-component