Bravo Studio Help Center
Search…
Get Started
Set up your design
Bravo Tags
Set up your backend
Data binding
Integrations
App Publication
Top bar
The top bar container fixes its position to the top of the screen and does not scroll with the rest of the screen.
The top bar container fixes its position to the top of the screen and does not scroll with the rest of the screen.
📍 Where to add the tag: A second-level container
1
[container:top-bar]
Copied!
🏷️ How to add the tag
- 1.Create a container around the section of the app page that you want to stay fixed
Make sure all the side of the container touches the edges of the app page or other containers.
2. Copy & paste the tag into the layer name of this container
3. Import to Bravo Studio & preview on Bravo Vision 🚀 (If you imported the app before, you just need to press the button Update in Bravo Studio to see the changes)
💾 Example files
Duplicate the files below to see how to set it up!
Bravo Sample: Top Bars
Figma
Last modified 7mo ago
Copy link