# Configuring navbar

## Setting up the menu

The menu can contain all the elements you choose, from internal pages of your DApp to external links.

<figure><img src="/files/bblCXUr3qeNQreZtca2w" alt=""><figcaption><p>This is the menu distribution we chose for this DApp.</p></figcaption></figure>

### Setting up menu item icons

You can select an icon for each link you use for your top menu.

<figure><img src="/files/YiIsud0rmKYQpT5YSNjh" alt=""><figcaption><p>After clicking the image icon a modal with hundreds of predefined icons will appear 👇</p></figcaption></figure>

<figure><img src="/files/gff7V5QyH2nRCCiz39zk" alt=""><figcaption><p>Choose your favorite icon for each menu element.</p></figcaption></figure>

### Enable searchbar

This option is very useful for DApps with a lot of data (tokens and NFT collections loaded), saving the visitor time in obtaining information about the asset they are looking for.

<figure><img src="/files/MPBju3MwFRdaNGsH4IGN" alt=""><figcaption><p>You can choose whether to hide the NFT collections or the tokens, or show both.</p></figcaption></figure>

### Navbar layout

We provide some options so that users have the freedom to choose which menu layout is most in line with the product in question. Below is an example for each of the available menu layouts:

**Menu type:** Navbar\
**Variant:** Default

<figure><img src="/files/lcvXM8APd9kBJZjzRA0E" alt=""><figcaption></figcaption></figure>

**Menu type:** Navbar\
**Variant:** Alt

<figure><img src="/files/Z253447TMGsTsE0Aicdo" alt=""><figcaption></figcaption></figure>

**Menu type:** Sidebar\
**Variant:** Default

<figure><img src="/files/9orXdKkFYZJrtw4BpgLN" alt="" width="251"><figcaption></figcaption></figure>

**Menu type:** Sidebar\
**Variant:** Mini

<figure><img src="/files/z4Xzq6N6xfBSRw8FyrG7" alt="Mini Navbar menu" width="375"><figcaption></figcaption></figure>


---

# 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.dexkit.com/defi-products/dexappbuilder/managing-this-tool/configuring-navbar.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.