Navbar

A blade Component for Navigation Bar!

Simple navigation bar. It has two attributes and one slot with default values.

<x-btui-navbar sitename="BladeTail-UI">   <x-slot name="right">     <x-btui-nav total="4"> </x-btui-nav>   </x-slot> </x-btui-navbar> 

# sitename

Name of the site!

<x-btui-navbar sitename="BladeTail-UI"> </x-btui-navbar> 

# title-class

Css classes for sitename! default is empty!

<x-btui-navbar sitename="BladeTail-UI" title-class="text-xl"> </x-btui-navbar> 

# right

Right side area! It's empty! you can place the nav here!

<x-btui-navbar sitename="BladeTail-UI">   <x-slot name="right">     <x-btui-nav total="4"> </x-btui-nav>   </x-slot> </x-btui-navbar> 

# class

Add navbar style by default class attribute!

<x-btui-navbar class="bg-white shadow"> </x-btui-navbar> 

Result:

See available options! (* means required)

name type default options
sitename* String | Slot - -
title-class String - -
right Slot - -