UI config
Fields
config* object
styles object
callbacks object
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;