Jbakerdev
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<nav class="bg-solar4">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex items-center justify-between h-16">
      <div class="flex items-center">
        <div class="flex-shrink-0">
          <div class="flex-shrink-0 flex items-center">
            <a href="/">
              <img class="block h-8 w-auto mr-3" src="https://avatars.githubusercontent.com/u/40899742?s=400&v=4" alt="@jbakerdev">
            </a>          </div>
        </div>
        <div class="sm:block sm:ml-6">
          <div class="sm:block sm:ml-6">
            <div class="flex space-x-4">
              <a href="" class="text-solar1 hover:text-solar3 px-3 py-2 text-sm font-medium">Link</a>
              <a href="" class="text-solar1 hover:text-solar3 px-3 py-2 text-sm font-medium" target="_blank">Link (new window)</a>
            </div>
          </div>
        </div>
      </div>
      <div class="sm:ml-6 sm:block">
        <div class="flex items-center">
          <div data-controller="theme">
            <button class="hover:text-solar3" data-action="click->theme#toggle">
              <i class="fas  fa-circle-half-stroke"></i>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</nav>
1
2
3
4
render NavbarComponent.new do |c|
  c.with_link(name: "Link", url: "")
  c.with_link(name: "Link (new window)", url: "", target: :_blank)
end

Navbar

For getting your nav on

No params configured.