Blade component for Simple Navigation bar.
The Navigation bar with basic style and four different sizes and two different positions!
Simple NavBar with three slots! (title,center,right)
<x-navbar md>
<x-slot name="title">
SiteName!
</x-slot>
<x-slot name="center">
Center area.
</x-slot>
<x-slot name="right">
<x-nav>
<x-nav-item href="#login">Login</x-nav-item>
<x-nav-item href="#signup">SignUp</x-nav-item>
</x-nav>
</x-slot>
</x-navbar>
Result
Four sizes: sm, md, lg, xl
<x-navbar sm > ... </x-navbar>
<x-navbar md > ... </x-navbar>
<x-navbar lg > ... </x-navbar>
<x-navbar xl > ... </x-navbar>
Result
NavBar fixed in Bottom!
<x-navbar md
bottom >
...
</x-navbar>
Made with by Deva
Build with Laravel, TailwindCSS, Livewire and AlpineJS