Loading page

The screen with this tag replaces the default Bravo loading screen with a custom design app page.
📍 Where to add the tag: A top-level app page
1
[state:loading]
Copied!
The loading screen will only appear for screens that need to load external data.
🏷️ How to add the tag
    1. Create a standalone loading screen design.
Pro tip: use the Lottie component to easily add a Lottie animation in your intro.
    2. Add a container around the design.
    3. Paste the tag into the layer name of the top-level app page.
    4.Import the design file into Bravo.
    5. Set up your binding as usual.
    6. Preview the custom loading screen on Bravo Vision. 🚀
💾 Example files
Duplicate the files below to see how to set it up!
Bravo Sample - Custom Loading.xd.zip
9MB
Binary
Custom Loading.xd

Intro page

Next - Bravo Tags

Mobile actions

Last modified 1mo ago

Copy link

Contents

🏷️ How to add the tag

💾 Example files