app/views/examples/components/dropdown-menu.html.erb in shadcn-ui-0.0.3 vs app/views/examples/components/dropdown-menu.html.erb in shadcn-ui-0.0.4
- old
+ new
@@ -1,26 +1,40 @@
<%= 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_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" %>
+ <%= 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 %>
+<% content_for :code, flush: true do %>
+ <%= code_partial("dropdown-menu/preview", :erb) %>
+<% end %>
+
<%= render_preview %>
+
+<h2 class="font-heading scroll-m-20 border-b pb-2 text-2xl font-semibold tracking-tight first:mt-0" id="installation">Installation</h2>
+<%= code_sample(language: "sh") do %>
+ rails generate shadcn-ui dropdown-menu
+<% end %>
+
+<h2 class="font-heading mt-12 scroll-m-20 border-b pb-2 mb-2 text-2xl font-semibold tracking-tight first:mt-0" id="usage">Usage</h2>
+<%= code_partial("dropdown-menu/usage", :erb) %>
+
+<%= render_usage("dropdown-menu") %>