Sha256: c391bdc57e6371f5e775e62e460008d377e968ff763ebe0ee36c7949598030d3
Contents?: true
Size: 1.13 KB
Versions: 3
Compression:
Stored size: 1.13 KB
Contents
<%= render_component_header title: "Dropdown Menu",
description: "Displays a menu to the user — such as a set of actions or functions — triggered by a button." %>
<%= content_for :preview, flush: true do %>
<% render_dropdown_menu do %>
<%= dropdown_menu_trigger do %>
<%= render_button "Open Dropdown", variant: :outline %>
<% end %>
<%= dropdown_menu_content do %>
<%= dropdown_menu_label "My Account" %>
<%= render_separator class: "my-1" %>
<%= dropdown_menu_item "Profile" %>
<%= dropdown_menu_item do %>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2 h-4 w-4">
<rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line>
</svg>
<span>Billing</span>
<span class="ml-auto text-xs tracking-widest opacity-60">⌘B</span>
<% end %>
<%= dropdown_menu_item "Settings" %>
<% end %>
<% end %>
<% end %>
<%= render_preview %>
Version data entries
3 entries across 3 versions & 1 rubygems