Contents

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

Version data entries

18 entries across 18 versions & 1 rubygems

Version	Path
primer_view_components-0.0.116	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.115	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.114	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.113	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.112	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.111	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.110	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.109	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.108	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.107	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.106	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.105	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.104	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.103	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.102	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.101	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.100	previews/primer/beta/button_preview/invisible_all_visuals.html.erb
primer_view_components-0.0.99	previews/primer/beta/button_preview/invisible_all_visuals.html.erb