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-35f4084d-7ca5-471f-9c0d-74e2cb26ae0b" 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-13e0be05-9345-4a5a-be86-fa5931360ff7" 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-1006a40d-e41e-4ae4-ab94-53d07e84c1ba" 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.