Loading page - Bravo Studio Help Center

Bravo Studio Help Center

Search…

Bravo Studio Help Center

Get started with Bravo Studio 👏

Get Started

Navigating Bravo Studio

Bravo Vision previewer

Unlock power features to create interactive apps

Create your first app with Bravo

Set up your design

What is bravorizing?

Structuring the design: the layer hierarchy

Bravo Tags: adding functionality to the UI elements

Sample design files

Bravo Tags

Bravo Tags Master List

Special containers

Post-login page (Onboarding)

Empty state page

Error state page

Form & input fields

Interactive component

App Icon & Splash Screen

Set up your backend

Set up a no-code backend

Set up API requests

Debugging API issues

Data Collection & Binding: Complete Collection

Data binding

Data binding: connect API data to design

Display data in your app

Create data from your app

Delete data from your app

Conditional Visibility

Integrations

Create deep links for your app

Push Notifications with OneSignal

User Authentication

One-time Payment with Stripe

Multilingual apps

App Publication

Publishing your app

App rating alert

Resources

Learn with videos

Learn with articles

Browse by app feature

Good to Know

Manage your account

Join the Bravo community

Powered By GitBook

Loading page

The app page will display in place of the default Bravo loading screen.

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
[state:loading]
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

Post-login page (Onboarding)

Empty state page

Last modified 11mo ago

Copy link

Outline

🏷️ How to add the tag

💾 Example files