Botyglot Components V0.0.1
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<nav class="elevate--simple-navbar--nav-container">
  <div class="elevate--simple-navbar--left-side">
    <ul class="elevate--simple-navbar--nav-group-link">
      <li>
        <a href="/" class="elevate-link--scheme--primary">Home</a>
      </li>
      <li>
        <a href="/products" class="elevate-link--scheme--primary">Products</a>
      </li>
      <li>
        <a href="/about" class="elevate-link--scheme--primary">About</a>
      </li>
    </ul>
  </div>
  Main Content
  <div class="elevate--simple-navbar--right-side">
    Other Actions
  </div>
</nav>
1
2
3
4
5
6
7
8
9
10
11
render(Elevate::SimpleNavbarComponent.new(id:)) do |component|
  component.with_link(text: 'Home', url: '/')
  component.with_link(text: 'Products', url: '/products')
  component.with_link(text: 'About', url: '/about')
  component.with_other_actions do
    "Other Actions"
  end
  "Main Content"
end

No notes provided.

Param Description Input

—