Contents

<%= render(Yattho::Alpha::NavList.new(selected_item_id: :email_notifications)) do |component| %>
  <% component.with_section(aria: { label: "Account settings" }) do |section| %>
    <% section.with_heading(title: "Account Settings") %>
    <% section.with_item(label: "Notification settings", selected_by_ids: :notifications) do |item| %>
      <% item.with_leading_visual_icon(icon: :bell) %>
      <% item.with_item(label: "Email", selected_by_ids: :email_notifications, href: "/account/notifications/email") do |subitem| %>
        <% subitem.with_trailing_visual_icon(icon: :mail) %>
      <% end %>
      <% item.with_item(label: "SMS", selected_by_ids: :sms_notifications, href: "/account/notifications/sms") do |subitem| %>
        <% subitem.with_trailing_visual_icon(icon: :"device-mobile") %>
      <% end %>
    <% end %>
    <% section.with_item(label: "Messages", selected_by_ids: :messages) do |item| %>
      <% item.with_leading_visual_icon(icon: :bookmark) %>
      <% item.with_item(label: "Inbox", href: "/account/messages/inbox") do |subitem| %>
        <% subitem.with_trailing_visual_counter(count: 10) %>
      <% end %>
      <% item.with_item(label: "Organizer", href: "/account/messages/organizer") do |subitem| %>
        <% subitem.with_trailing_visual_label(scheme: :primary) { "New" } %>
      <% end %>
    <% end %>
  <% end %>
<% end %>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
yattho_view_components-0.0.1	previews/docs/alpha_nav_list_preview/expandable_sub_items.html.erb