Navbar

Navbar is used to show a navigation bar on the top of the page.

Class name
Type
navbarComponent Container element
navbar-startComponent Child element, fills 50% of width to be on start
navbar-centerComponent Child element, fills remaining space to be on center
navbar-endComponent Child element, fills 50% of width to be on end
# responsive (dropdown menu on small screen, center menu on large screen)
Resize screen to see changes
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
daisyUI store

Official daisyUI
Figma Library

Available on daisyUI store

More details