Contents

<div class="navigation-drawer">
  <%= render "material_design/navigation/navigation_drawer/headline", locals: { headline: locals[:headline] } %>
  <% locals[:sections].each do |section| %>
    <%= render "material_design/navigation/navigation_drawer/section_header", locals: { section_header: section[:header] } %>
    <% section[:nav_items].each do |nav_item| %>
      <%= link_to nav_item[:href], class: "navigation-drawer__nav_item" do %>
        <div class="navigation-drawer__state-layer">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" fill="#1D192B"/>
          </svg>
          <div style="flex: 1 0 0;">
            <%= render "material_design/typography/label_large", locals: { label: nav_item[:label] } %>
          </div>
          <%= render "material_design/typography/label_large", locals: { label: nav_item[:badge_label] } %>
        </div>
      <% end %>
    <% end %>
  <% end %>
</div>

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
material_design-0.2.1	app/views/material_design/navigation/_navigation_drawer.html.erb
material_design-0.2.0	app/views/material_design/navigation/_navigation_drawer.html.erb
material_design-0.1.1	app/views/material_design/navigation/_navigation_drawer.html.erb