SSO Module

SSO module
Clipboard icon

A module providing UI components and helper utilities to integrate auth0 SSO functionality into other React User interfaces.

Works against the auth0 api.

Components
Clipboard icon

LoginButton
Clipboard icon

The component renders a button that implements the login functionality through auth0.

The component has the following mandatory props:

  • theme: (primary or secondary)
  • label: The text rendered on the button
  • icon: (Optional) Icon component to be rendered in front of the label text
  • quizId: (Optional)Refers to the id of a quiz secton on the page causing auto-scroll to that section after login

Examples

you write:md
import { LoginButton } from '@commercetools-docs/gatsby-theme-docs';
<LoginButton
theme="primary"
icon={<UserFilledIcon color="surface"/>}
label="Log in to start the quiz"
quizId={`quiz-${props.quizId}`}
/>
Clipboard icon