Navbar

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

Class name
Type
navbar Component Container element
navbar-start Component Child element, fills 50% of width to be on start
navbar-center Component Child element, fills remaining space to be on center
navbar-end Component 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

New template: SaaS Landing page

Available on daisyUI store

More details