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-02ed9a1f-3b0b-4753-8906-7dfebfd7dc55" 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-36518c83-325a-4dbe-a29c-d832ee382f99" 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-dfa9ce1e-9eb2-4fb2-8029-200016da046c" 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.