Contents

<script type="text/javascript">
  window.addEventListener('load', function() {
    document.querySelector('button#alert-item').addEventListener('click', (_e) => {
      alert('Foo')
    });
  }, false);
</script>

<%= render(Primer::Alpha::ActionMenu.new) do |component| %>
  <% component.with_show_button { "Trigger" } %>
  <% component.with_item(label: "Alert", tag: :button, id: "alert-item", disabled: disable_items) %>
  <% component.with_item(label: "Navigate", tag: :a, content_arguments: { href: action_menu_landing_path }, disabled: disable_items) %>
  <% component.with_item(label: "Copy text", tag: :"clipboard-copy", content_arguments: { value: "Text to copy" }, disabled: disable_items) %>
  <% component.with_item(
    label: "Submit form",
    href: action_menu_form_action_path,
    form_arguments: {
      name: "foo", value: "bar", method: :post
    },
    disabled: disable_items
  ) %>
<% end %>

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
primer_view_components-0.12.0	previews/primer/alpha/action_menu_preview/with_actions.html.erb
primer_view_components-0.11.0	previews/primer/alpha/action_menu_preview/with_actions.html.erb