A navigation bar helps in navigating across various pages in a website. They are also referred to as a navbar.
Elixir offers a Basic Navigation component which contains the following parts - Brand logo or title, search bar, navigation links, and an optional hamburger for medium and small screens.
The basic navigation consists of a brand name or logo, a search bar, links and an optional hamburger that appears on small/ medium sized screens.
To generate a basic navigation use the following classes:
navigation-bar
for the navigation container.
Other classes include-
Copy the code below to use the basic navigation.
Copy the code below to use the JavaScript logic to toggle between navigation bar open and close.