- 1.5.0

Navbar

Attribute Type Documentation Default Value
id :any

HTML id attribute
class :any

Additional CSS classes
start_class :any

Navbar left part container class
center_class :any

Navbar center part container class
end_class :any

Navbar right part container class
nav_label :string

Accessible label for the navbar
"Main navigation"
rest :global
start_part :slot

Navbar left part

 
<:start_part>
  <span class="font-bold">Brand</span>
</:start_part>
<:center_part>
  <a href="#">Docs</a>
  <a href="#">Blog</a>
</:center_part>
<:end_part>
  <button type="button" class="btn btn-sm btn-ghost">Login</button>
  <button type="button" class="btn btn-sm btn-primary">Sign Up</button>
</:end_part>
center_part :slot

Navbar center part

 
<:start_part>
  <span class="font-bold">Brand</span>
</:start_part>
<:center_part>
  <a href="#">Docs</a>
  <a href="#">Blog</a>
</:center_part>
<:end_part>
  <button type="button" class="btn btn-sm btn-ghost">Login</button>
  <button type="button" class="btn btn-sm btn-primary">Sign Up</button>
</:end_part>
end_part :slot

Navbar right part

 
<:start_part>
  <span class="font-bold">Brand</span>
</:start_part>
<:center_part>
  <a href="#">Docs</a>
  <a href="#">Blog</a>
</:center_part>
<:end_part>
  <button type="button" class="btn btn-sm btn-ghost">Login</button>
  <button type="button" class="btn btn-sm btn-primary">Sign Up</button>
</:end_part>