Sha256: 0214ae500dcec50a7d20f1bb3e0c235bb2263a4d91ac291171a58b75f5c9e228
Contents?: true
Size: 1.58 KB
Versions: 46
Compression:
Stored size: 1.58 KB
Contents
<% subject_id = SecureRandom.hex %>
<%= render(Primer::Alpha::SelectPanel.new(
data: { interaction_subject: subject_id },
select_variant: :single,
fetch_strategy: :local,
dynamic_label: true,
dynamic_label_prefix: "Item",
dynamic_aria_label_prefix: "Selected item",
open_on_load: open_on_load
)) do |panel| %>
<% panel.with_show_button { "Choose item" } %>
<% panel.with_item(label: "Leading SVG visual") do |item| %>
<% item.with_leading_visual_svg do %>
<path d="M8 16a2 2 0 001.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 008 16z"></path><path fill-rule="evenodd" d="M8 1.5A3.5 3.5 0 004.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.018.018 0 00-.003.01l.001.006c0 .002.002.004.004.006a.017.017 0 00.006.004l.007.001h10.964l.007-.001a.016.016 0 00.006-.004.016.016 0 00.004-.006l.001-.007a.017.017 0 00-.003-.01l-1.703-2.554a1.75 1.75 0 01-.294-.97V5A3.5 3.5 0 008 1.5zM3 5a5 5 0 0110 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.518 1.518 0 0113.482 13H2.518a1.518 1.518 0 01-1.263-2.36l1.703-2.554A.25.25 0 003 7.947V5z"></path>
<% end %>
<% end %>
<% panel.with_item(label: "Custom content") do |item| %>
<% item.with_leading_visual_content do %>
<span style="width: 16px; height: 16px; display: block; text-align: center; line-height: 16px">A</span>
<% end %>
<% end %>
<% panel.with_item(label: "Visual icons") do |item| %>
<% item.with_leading_visual_icon(icon: :star) %>
<% end %>
<% end %>
<%= render partial: "primer/alpha/select_panel_preview/interaction_subject_js", locals: { subject_id: subject_id } %>
Version data entries
46 entries across 46 versions & 2 rubygems