The Navbar
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
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",
}
}