---
title: The Navbar
slug: infra/the-navbar
createdAt: 2021-08-30T09:31:40.000Z
---

## Navbar Uses

Socratease ships with its own navbar. You can choose to use it or hide it. The Socratease navbar is quite useful because:

- It has a hamburger icon that automatically gets enabled on smaller screen sizes. So, a sidebar with all the relevant links is available
- It has a list of useful links under the "Hi User" element on the right. This will help your user navigate more easily

So, we **recommend** that you show the navbar.

## Hiding the Navbar

For whatever reason, if you want to hide it, set the `show` key to be `false` within the `navbar` key in the `ui` dictionary of `options`

## Showing the Navbar

If you decide to retain the default setting of showing the navbar, Socratease will use what you feed it as the `brand_name` key to show that as a "text logo". You can also specify the link to an image of your brand logo in `brand_logo` and Socratease will use that image instead. If `brand_logo` exists, `brand_name` is ignored.

Socratease also uses the `login_url_path` and `logout_url_path` keys in `config` to show a user links to Login and Logout.

## Code

```javascript
const options = {
    "ui": {
        "navbar": {
            "show": true,
            "brand_name": "Your Brand Name",
            "brand_logo": "yourbrand.com/logo.png"
        }
    }
    "config": {
        "login_url_path": "/account/login",
        "logout_url_path": "/account/logout",
     
    }
}
```