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-bc30619c-2d9d-4b79-aae8-597ab0c03605" 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-fe4638ca-25d9-4f2b-adc8-5a54dc9e0bf2" 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-c0c460d1-c40a-4312-a30a-317b774484b3" 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.