Botyglot Components V0.0.1

Previews

No matching results.

x
1
2
3
4
5
6
7
<nav class="elevate--simple-navbar--nav-container">
  <div class="elevate--simple-navbar--left-side">
  </div>
  <div class="elevate--simple-navbar--right-side">
    Other Actions
  </div>
</nav>
1
2
3
4
5
render(Elevate::SimpleNavbarComponent.new) do |component|
  component.with_other_actions do
    "Other Actions"
  end
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;
  }
}