UI config


Fields


config*object

stylesobject

callbacksobject
import React from 'react';
import { StytchB2B } from '@stytch/react/b2b';

const Login = () => {
  const style = {
    fontFamily: 'Arial',
  };

  const callbacks = {
    onEvent: ({ type, data }) => {
      console.log(type, data);
    },
    onError: (data) => {
      console.log(data);
    },
  };

  var config = {
    products: ['emailMagicLinks'],
    emailMagicLinksOptions: {
      loginRedirectURL: 'https://example.com/authenticate',
      signupRedirectURL: 'https://example.com/authenticate',
    },
    authFlowType: 'Discovery',
    sessionOptions: {
      sessionDurationMinutes: 60,
    },
  };

  return (
    <div>
      <StytchB2B config={config} styles={style} callbacks={callbacks} />
    </div>
  );
};

export default Login;