Dropdown - Rails UI Components

Usage

<%= ui.dropdown do %>
  <%= ui.dropdown_trigger as: :btn do %>
    Dropdown
    <%= ui.icon "chevron-down" %>
  <% end %>
  <%= ui.dropdown_menu do %>
    <%= ui.dropdown_title "Title" %>
    <%= ui.dropdown_link "Link 1", url: "#" %>
    <%= ui.dropdown_link "Link 2", url: "#" %>
    <%= ui.dropdown_divider %>
    <%= ui.dropdown_link "Link 3", url: "#" %>
  <% end %>
<% end %>

SubcomponentsUse subcomponents below or any HTML.

Name	Helper	Description
`dropdown_trigger`	`ui.dropdown_trigger`	The clickable element that opens/closes the dropdown menu.
`dropdown_menu`	`ui.dropdown_menu`	Container for dropdown menu items.
`dropdown_link`	`ui.dropdown_link`	A link item within the dropdown menu.
`dropdown_button`	`ui.dropdown_button`	A button item within the dropdown menu (uses button_to for form submissions).
`dropdown_title`	`ui.dropdown_title`	A title/header within the dropdown menu.
`dropdown_divider`	`ui.dropdown_divider`	A visual separator line between dropdown items.

Examples

Basic dropdown

<%= ui.dropdown do %>
  <%= ui.dropdown_trigger as: :btn do %>
    Dropdown
    <%= ui.icon "chevron-down" %>
  <% end %>
  <%= ui.dropdown_menu do %>
    <%= ui.dropdown_title "Title" %>
    <%= ui.dropdown_link "Settings", url: "#" %>
    <%= ui.dropdown_link "Terms of Service", url: "#" %>
    <%= ui.dropdown_link "Privacy Policy", url: "#" %>
    <%= ui.dropdown_divider %>
    <%= ui.dropdown_link "Sign Up", url: "#" %>
    <%= ui.dropdown_link "Sign In", url: "#" %>
  <% end %>
<% end %>