Contents

<% 
  options = [
    { label: 'United States', value: 'United States' },
    { label: 'Canada', value: 'Canada' },
    { label: 'Pakistan', value: 'Pakistan' },
  ]

%>

<%= pb_rails("dropdown", props: {options: options}) do %>
    <%= pb_rails("dropdown/dropdown_trigger") %>
    <%= pb_rails("dropdown/dropdown_container") do %>
        <% options.each do |option| %>
            <%= pb_rails("dropdown/dropdown_option", props: {option: option, padding:"sm"}) %>
        <% end %>
    <% end %>
<% end %>

Version data entries

4 entries across 4 versions & 2 rubygems

Version	Path
playbook_ui_docs-13.27.0	app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb
playbook_ui-13.27.0	app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb
playbook_ui_docs-13.26.0.pre.alpha.jasoncypretpatch12820	app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb
playbook_ui-13.26.0.pre.alpha.jasoncypretpatch12820	app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb