alert-painter-66256
05/25/2023, 9:27 PM<UserAuthCard
title={
!(flow.refresh || flow.requested_aal === 'aal2')
? 'Sign In'
: 'Two-Factor Authentication'
}
flowType={'login'}
// we always need the flow data which populates the form fields and error messages dynamically
flow={flow}
// the login card should allow the user to go to the registration page and the recovery page
additionalProps={{
forgotPasswordURL: '/auth/recovery',
signupURL: '/auth/registration'
}}
// we might need webauthn support which requires additional js
// includeScripts={true}
// we submit the form data to Ory
onSubmit={({ body }) => submitFlow(body as UpdateLoginFlowBody)}
/>
We use the AuthCard like this, but it shows this:
https://tca0.nl/5Gi
instead of something like this:
https://tca0.nl/QZf