What does it do?
The top bar container fixes its position to the top of the screen and does not scroll with the rest of the screen.
Which layer can I put it on?
A second-level container
How do I set it up in the design tool?
- Create a container around the section of the app page that you want to stay fixed
- Copy & paste the tag into the layer name of this container
- 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)
Make sure all the side of the container touches the edges of the app page or other containers.
👉 Sample Figma file
Figma - Bravo Sample: Top Bars | Made for Bravo Studio. Choose between these three top bar behaviours for your Bravo app with this...
Figma Community file - Made for Bravo Studio. Choose between these three top bar behaviours for your Bravo app with this sample Figma file. The file includes layers named with Bravo Tags, containers, and other essential setup. To see the final result, create a project in Bravo Studio with this Figma file and preview w...
👉 Sample Adobe XD file