Contents

<%= render(Yattho::Alpha::UnderlineNav.new(label: "With icons and counters")) do |component| %>
  <% component.with_tab(href: "#", selected: true) do |tab| %>
    <% tab.with_icon(icon: :star) %>
    <% tab.with_text { "Item 1" } %>
  <% end %>
  <% component.with_tab(href: "#") do |tab| %>
    <% tab.with_icon(icon: :star) %>
    <% tab.with_text { "Item 2" } %>
    <% tab.with_counter(count: 10) %>
  <% end %>
  <% component.with_tab(href: "#") do |tab| %>
    <% tab.with_text { "Item 3" } %>
    <% tab.with_counter(count: 10) %>
  <% end %>
  <% component.with_actions do %>
    <%= render(Yattho::ButtonComponent.new) { "Button!" } %>
  <% end %>
<% end %>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
yattho_view_components-0.0.1	previews/docs/alpha_underline_nav_preview/with_icons_and_counters.html.erb