> For the complete documentation index, see [llms.txt](https://learn.mondayhero.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-status-bar-design-to-ios-android-code.md).

# Convert to Status Bar

## Status Bar design in Adobe XD/Sketch can be removed before exporting the code.

When you have a Status Bar in the design, you can convert it to a Status Bar component to prevent its generation in your code. Mobile users expect the status bar to be consistent systemwide so you should use a system-provided status bar. You can do your edits/configuration after you export your project.

![The Status Bar shouldn't be in the design.](/files/-MGxAhu2fVs1u9jQEszc)

### Resources for iOS and Android Developers

{% hint style="info" %}
 You can see the recommended use of StatusBar for Swift in **developer.apple.com** [here](https://developer.apple.com/design/human-interface-guidelines/ios/bars/status-bars/) and for Android, **developer.android.com** [here](https://developer.android.com/training/system-ui).
{% endhint %}