Navbar

DaisyUI

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

Basic Navbar

Responsive Navbar

Hide menu on small screens.

Navbar with Dropdown

Dropdown menu in navbar using Dropdown component and Avatar.

Code Example

use rsxui::components::{Navbar, NavbarStart, NavbarCenter, NavbarEnd};

use rsx_macros::rsx;

let html = rsx! {

    <Navbar class="bg-base-200">

        <NavbarStart>

            <a class="btn btn-ghost text-xl">"Logo"</a>

        </NavbarStart>

        <NavbarCenter>

            <ul class="menu menu-horizontal">

                <li><a>"Home"</a></li>

            </ul>

        </NavbarCenter>

        <NavbarEnd>

            <a class="btn">"Button"</a>

        </NavbarEnd>

    </Navbar>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026