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-e595c0a3-1fc1-4f2e-a688-b34e16c14d44" 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-d5a47d26-3a90-4f44-b0f3-a6f4a63e3f00" 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-8de57490-03f9-44ea-9c86-2f1712a337a1" 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>No notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
No assets to display.