Contents

<%= 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="w-4 h-4 mr-2">
        <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 %>

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
shadcn-ui-0.0.15	app/views/examples/components/dropdown-menu/code/_preview.erb
shadcn-ui-0.0.14	app/views/examples/components/dropdown-menu/code/_preview.erb