- 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 text-lg">MyApp</span>
</:start_part>
<:center_part>
  <a href="#" class="px-3">Home</a>
  <a href="#" class="px-3">About</a>
  <a href="#" class="px-3">Contact</a>
</:center_part>
<:end_part>
  <button type="button" class="btn btn-sm">Sign In</button>
</:end_part>
center_part :slot

Navbar center part

 
<:start_part>
  <span class="font-bold text-lg">MyApp</span>
</:start_part>
<:center_part>
  <a href="#" class="px-3">Home</a>
  <a href="#" class="px-3">About</a>
  <a href="#" class="px-3">Contact</a>
</:center_part>
<:end_part>
  <button type="button" class="btn btn-sm">Sign In</button>
</:end_part>
end_part :slot

Navbar right part

 
<:start_part>
  <span class="font-bold text-lg">MyApp</span>
</:start_part>
<:center_part>
  <a href="#" class="px-3">Home</a>
  <a href="#" class="px-3">About</a>
  <a href="#" class="px-3">Contact</a>
</:center_part>
<:end_part>
  <button type="button" class="btn btn-sm">Sign In</button>
</:end_part>