Buttons
Button components allow users to interact with your flows through actions like submitting forms, navigating between screens, or initiating authentication processes. This guide covers how to configure and customize button components in your flow screens.
Generic Button
"Submit Upon Enter"
Enable users to submit forms by pressing the Enter key instead of clicking a button. For example, in a login screen with multiple buttons, you can configure the Sign In button to respond to the Enter key while leaving other buttons (like Sign Up or Forgot Password) as click-only.
To configure, simply select the button and toggle Submit upon enter. This can only be configured on one button on the screen.
Adding Icons to Buttons
You can enhance button components by adding icons. Icons can be displayed alongside text or as standalone elements without any text.
To add an icon:
- Select the button component in your flow screen
- Upload an icon file
- Choose whether to display the icon with text or as icon-only
Sign In Buttons
Descope provides pre-configured sign-in buttons for common authentication methods. These include:
- Social login options (Google, Facebook, Apple, etc.)
- Biometric authentication and passkeys
- Single Sign-On (SSO) providers
These buttons are automatically styled and configured for their respective authentication methods.
Timer Button
You can add a timer button that becomes temporarily disabled after it is clicked. This button is commonly connected to actions like Resend Magic Link / OTP to prevent repeated submissions in a short period.
When the button is clicked, it enters a countdown state, and becomes active again once the timer expires. You can configure the timeout duration (in seconds) in the button's behavior settings.
