# Status bar The status bar, typically found at the top of the screen, displays the current time, Wi-Fi signal, cellular network information, battery level, and other status icons. This component manages the display of the device's native status bar. ## 👉 **The Tag** **📍 Where to add the tag:** A top-level app page. ``` [statusbar:dark] ``` ``` [statusbar:light] ``` ![IOS view](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2F75Ncclj7nrHSBQ6iaAq2%2FStatus%20Bar.jpg?alt=media\&token=5a63b357-1631-4e9f-82df-b004e19d7b97)

Android view

## 🏷️ **How to add the tag** In your Figma design, simply add the tag `[statusbar:dark]` or `[statusbar:light]` to the top-level part of the page. It should be added to every screen where you'd like to show the status bar. ![Set up in Figma: Dark Status Bar](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2Foj4ZauSyKYQ9iGHn5XGH%2FStatus%20Bar%20\(2\).jpg?alt=media\&token=9a5fd629-713d-4a2f-8fd3-b036d40d4346)

Set up in Figma: Light Status Bar

## 💾 Example files Duplicate the files below to see how to set it up! {% embed url="" %}