Theme:
Navbar
Navbars provide top-level navigation. They have start, center, and end slots, with bordered and floating variants.
Basic Navbar
<nav class="dui-navbar">
<div class="dui-navbar-start"><span>MyApp</span></div>
<div class="dui-navbar-center">
<a class="dui-btn dui-btn-ghost dui-btn-sm">Home</a>
<a class="dui-btn dui-btn-ghost dui-btn-sm">About</a>
</div>
<div class="dui-navbar-end">
<button class="dui-btn dui-btn-primary dui-btn-sm">Sign in</button>
</div>
</nav>
Bordered
<nav class="dui-navbar dui-navbar-bordered">...</nav>
Floating
<nav class="dui-navbar dui-navbar-floating">...</nav>