# Nav

The navigation component contains some commonly used nav elements that you can use throughout your application.

## Preview

### Drawer Nav

<div align="left"><figure><img src="/files/grbKHj8CjfkW5UKFtF8K" alt="" width="363"><figcaption></figcaption></figure></div>

### Bottom Tabs

<div align="left"><figure><img src="/files/gqfbANseL700EGm0kSzS" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="info" %}
To understand how routing works, please read the [Navigation](/gravity-native/navigation.md) section.
{% endhint %}

## Button

A burger-style icon for revealing the drawer nav (see below). This is nested in the header of the [\<View>](/gravity-native/components/view.md) component so it's available on any view with a header.

## Drawer

The drawer component is a custom sliding drawer that's activated by the nav button (above). The drawer nav will only show links to the views that the current user has permission to view.&#x20;

{% hint style="info" %}
You can also swipe right to reveal the drawer nav.
{% endhint %}

There is a sign-out button within the drawer nav. You can customise the appearance and styling of this component however you see fit.

## Service

You can import the service component anytime you need to navigate from a component outside the Navigation router. See the [Navigation section](/gravity-native/navigation.md) for more information.


---

# 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://docs.usegravity.app/gravity-native/components/nav.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.