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
| Name | Description |
|---|---|
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
| Name | Type | Description |
|---|---|---|
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