Delay Interaction
What the Delay Interaction Component Does
The Delay Interaction component acts like a pause button for your user interface. It lets you halt the screen for a set amount before automatically moving to the next screen. This is useful for:
Creating smooth transitions: Add a short pause to let a loading animation finish or a message be read before moving on.
Mimicking real-world actions: Simulate things like uploading a file, processing data, or waiting for a network request, which all take time.
Improving the user experience: Give users a moment to understand the information or get ready for the next step before the screen changes.
How it works
Drag and drop: Place the Delay Interaction Component onto the screen where you want the pause to occur.
Set the delay time: In the component's properties, enter the pause duration in milliseconds (1000 milliseconds = 1 second).
(Optional) Add interactions: The interactions panel allows you to define specific actions that will occur after the delay. For example, you could show a confirmation message, trigger an animation, or navigate to a different part of your app.
Example use cases
Splash screen: Show your app's logo for a few seconds while it loads.
Onboarding flow: Give users a moment to read instructions before asking them to interact.
Progress indicator: Display a loading bar while a task is being completed.
Interactive tutorials: Pause between steps to allow users to follow along.
Form validation: Briefly display an error message before clearing a form field
Tutorials
Learn to celebrate user milestones with confetti in Salesforce Flow!
Learn to subtly initiate flow dialogs using the invisible Delay Interaction component for smoother, cleaner user experiences.
Specifications
Attributes
Delay (Milliseconds)
String
The delay in milliseconds before proceeding to the next screen.
Show Loading
Boolean
Define if a loading spinner should be displayed.
Events
No events are available
Styling hooks
No Styling hooks are available
Last updated
