Previews

No matching results.

x
1
2
3
4
5
6
7
<div>
<p>There should be no horizontal overflow and scrollbar caused by tooltip (assuming there is at least 1px of padding to the right of where the associated control is placed).</p>
<div style="float: right;">
<button id="some-button">Button with tooltip positioned to right of the page</button>
<tool-tip id="tooltip-1a0360a4-3ecb-473b-a34d-ea4d7c6ad2d3" for="some-button" popover="manual" data-direction="s" data-type="description" data-view-component="true" class="sr-only position-absolute">A tooltip with very very very very long description that is not very concise...</tool-tip>
</div>
</div>
1
2
3
4
5
6
7
<div>
<p>There should be no horizontal overflow and scrollbar caused by tooltip (assuming there is at least 1px of padding to the right of where the associated control is placed).</p>
<div style="float: right;">
<button id="some-button">Button with tooltip positioned to right of the page</button>
<%= render(Primer::Alpha::Tooltip.new(for_id: "some-button", type: type, text: tooltip_text, direction: direction)) %>
</div>
</div>
Param Description Input

No assets to display.