Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div>
<button id="button-1" type="button" data-view-component="true" class="Button--secondary Button--medium Button"> <span class="Button-content">
<span class="Button-label">Button 1</span>
</span>
</button><tool-tip id="tooltip-c4fb45bb-4fd2-4d1c-be92-c0de6e621457" for="button-1" popover="manual" data-direction="s" data-type="description" data-view-component="true" class="sr-only position-absolute">You can press a button</tool-tip>
<button id="button-2" type="button" data-view-component="true" class="Button--secondary Button--medium Button"> <span class="Button-content">
<span class="Button-label">Button 2</span>
</span>
</button><tool-tip id="tooltip-ec3cb8d4-5ce9-4867-b934-10591229aaed" for="button-2" popover="manual" data-direction="s" data-type="description" data-view-component="true" class="sr-only position-absolute">You can press a button</tool-tip>
<button id="button-3" type="button" data-view-component="true" class="Button--secondary Button--medium Button"> <span class="Button-content">
<span class="Button-label">Button 3</span>
</span>
</button><tool-tip id="tooltip-3390988c-643d-448d-9d10-bcd1246abfd1" for="button-3" popover="manual" data-direction="s" data-type="description" data-view-component="true" class="sr-only position-absolute">You can press a button</tool-tip>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div>
<%= render(Primer::Beta::Button.new(id: "button-1")) do |component| %>
<% component.with_tooltip(text: tooltip_text, direction: direction) %>
Button 1
<% end %>
<%= render(Primer::Beta::Button.new(id: "button-2")) do |component| %>
<% component.with_tooltip(text: tooltip_text, direction: direction) %>
Button 2
<% end %>
<%= render(Primer::Beta::Button.new(id: "button-3")) do |component| %>
<% component.with_tooltip(text: tooltip_text, direction: direction) %>
Button 3
<% end %>
</div>
Param Description Input

No assets to display.