The CorbadoAuth component allows users to create a new account or login.
CorbadoAuth
serves as a comprehensive solution for user authentication, combining both account creation and login functionalities into a single, streamlined interface.
CorbadoAuth
component employs hash-based URLs to ensure a seamless user experience during the authentication process. Here’s how it benefits users:
#signup-init
(or #register
) and #login-init
(or #login
) in the URL.handleNavigationEvents
option to false.Name | Type | Description |
---|---|---|
onLoggedIn | callback function | This callback function is called whenever a user has been authenticated (i.e., after every login, but also after a sign-up). You can use it to navigate the user to a specific page inside your application (e.g., /home). |
handleNavigationEvents | boolean | If enabled, the user can navigate between screens during the authentication process. When disabled, the user will leave the authentication process immediately when he navigates back or refreshes the page. |
initialBlock | signup-init or login-init | Default: signup-init . Allows you to choose which screen the component shows on initialization. |
autoFocus | boolean | Default: true . If true , the component will automatically focus the first input field when it’s rendered. If false, this behavior is disabled on the signup-init and login-init block. Turning this off can be useful because some browsers automatically scroll to focused input fields. |
CorbadoProvider
component. Most configuration settings
will be applied there so make sure to check out the available settings of the
Corbado Provider
(see your framework’s integration guide for more info).CorbadoAuth
component to your application: