# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET 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?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.