Contents

<div style="display: flex; gap: 1rem;">
  <%= render(Primer::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do %>
    Button
  <% end %>
  <%= render(Primer::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do |component| %>
    <% component.with_leading_visual_icon(icon: :search) %>
    Button
  <% end %>
  <%= render(Primer::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do |component| %>
    <% component.with_trailing_action_icon(icon: "triangle-down") %>
    Button
  <% end %>
  <%= render(Primer::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do |component| %>
    <% component.with_trailing_visual_counter(count: "15") %>
    Button
  <% end %>
  <%= render(Primer::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do |component| %>
    <% component.with_leading_visual_icon(icon: :eye) %>
    <% component.with_trailing_visual_counter(count: "15") %>
    Button
  <% end %>
  <%= render(Primer::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
  )) do |component| %>
    <% component.with_leading_visual_icon(icon: :eye) %>
    <% component.with_trailing_visual_counter(count: "15") %>
    <% component.with_trailing_action_icon(icon: "triangle-down") %>
    Button
  <% end %>
  <%= render(Primer::Beta::Button.new(
      scheme: :invisible,
      size: :medium,
      id: "my-id"
  )) do |component| %>
    <% component.with_tooltip(text: "Tooltip text") %>
    Button with tooltip
  <% end %>
</div>

Version data entries

147 entries across 147 versions & 2 rubygems

Version	Path
openproject-primer_view_components-0.52.4	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
openproject-primer_view_components-0.52.3	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.36.5	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
openproject-primer_view_components-0.52.2	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.36.4	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
openproject-primer_view_components-0.52.1	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
openproject-primer_view_components-0.52.0	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.36.3	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
openproject-primer_view_components-0.51.0	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.36.2	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
openproject-primer_view_components-0.50.1	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
openproject-primer_view_components-0.50.0	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.36.1	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.36.0	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
openproject-primer_view_components-0.49.2	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.35.2	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
openproject-primer_view_components-0.49.1	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
openproject-primer_view_components-0.49.0	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.35.1	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.35.0	previews/primer/beta/button_preview/invisible_all_visuals.html.erb