Ansuz SSO UI
Install:
// npm
npm i -S @ansuzdev/sso-ui
// yarn
yarn add @ansuzdev/sso-uiThis package defines 3 forms for Ansuz SSO: login, register and forgot password those are used in React app.
Note: appId from SSO is required to initialize each form.
Login form
import {LoginForm} from "@ansuzdev/sso-ui";
<LoginForm appId="[ENTER_APP_ID]" />All properties:
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| appId | string | x | SSO app ID | |
| showRegister | boolean | true | Show register link | |
| showForgotPassword | boolean | true | Show forgot password link | |
| onLogin | func | null | On login callback | |
| onRegister | func | null | On register callback | |
| onForgotPassword | func | null | On forgot password callback |
Register form
Beside appId, you need to put baseUrl (where to call register API) to setup
register form.
import {RegisterForm} from "@ansuzdev/sso-ui";
<RegisterForm
baseUrl="[REGISTER_API_URL]"
appId="[ENTER_APP_ID]"
/>All properties:
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| appId | string | x | SSO app ID | |
| baseUrl | string | x | URL to register api | |
| showLogin | boolean | true | Show login link | |
| showForgotPassword | boolean | true | Show forgot password link | |
| onLogin | func | null | On login callback | |
| onRegister | func | null | On register callback | |
| onForgotPassword | func | null | On forgot password callback |
Forgot password form
import {ForgotPasswordForm} from "@ansuzdev/sso-ui";
<ForgotPasswordForm appId="[ENTER_APP_ID]" />All properties:
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| appId | string | x | SSO app ID | |
| showLogin | boolean | true | Show login link | |
| showRegister | boolean | true | Show register link | |
| onLogin | func | null | On login callback | |
| onRegister | func | null | On register callback | |
| onForgotPassword | func | null | On forgot password callback |