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-1fca102c-0f6d-4938-a876-97d045a7386e" 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-2a0a5bcc-38ed-48ed-a8fd-5bccf280bcad" 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-25f32ee4-9607-4f4a-9db9-0e72a3f2cf82" 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