--- title: Navbar desc: Navbar is used to show a navigation bar on the top of the page. source: https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/daisyui/src/components/navbar.css layout: components classnames: component: - class: navbar desc: Navigation bar part: - class: navbar-start desc: For the div inside navbar, to fill 50% of width - class: navbar-center desc: For the div inside navbar, to be at center horizontally - class: navbar-end desc: For the div inside navbar, to fill second 50% of width --- ### ~Navbar with title only ```html ``` ### ~Navbar with title and icon ```html ``` ### ~Navbar with icon at start and end ```html ``` ### ~Navbar with menu and submenu ```html ``` ### ~Navbar with search input and dropdown ```html ``` ### ~Navbar with icon, indicator and dropdown ```html ``` ### ~Navbar with dropdown, center logo and icon ```html ``` ### ~responsive (dropdown menu on small screen, center menu on large screen) #### Resize screen to see changes ```html ``` ### ~Navbar with colors ```html ```