Botyglot Components V0.0.1

Previews

No matching results.

x
1
2
3
4
5
<nav class="elevate--simple-navbar--nav-container">
  <div class="elevate--simple-navbar--left-side">
  </div>
  Simple Navbar with only content
</nav>
1
2
3
render(Elevate::SimpleNavbarComponent.new) do
  "Simple Navbar with only content"
end

No notes provided.

No params configured.

app/assets/stylesheets/components/simple_navbar.css

1
2
3
4
5
6
7
8
9
@layer components {
  .elevate--simple-navbar--nav-container {
    @apply bg-white rounded-md w-full mt-5 shadow px-4 py-4 flex items-center justify-between;
  }
  .elevate--simple-navbar--nav-group-link {
    @apply gap-x-3 flex items-center;
  }
}