<div style="display: grid; place-content: center; margin-top: 4rem;"> <button id="tooltip-nw" type="button" data-view-component="true" class="Button--secondary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Tooltip northwest</span> </span> </button><tool-tip id="tooltip-6eae34ed-8640-4204-9e74-7e4089e370d4" for="tooltip-nw" popover="manual" data-direction="nw" data-type="description" data-view-component="true" class="sr-only position-absolute">This is a tooltip</tool-tip></div><div style="display: grid; place-content: center; margin-top: 4rem;"> <%= render(Primer::Beta::Button.new(id: "tooltip-nw")) do |b| %> <% b.with_tooltip(text: "This is a tooltip", direction: :nw) %> Tooltip northwest <% end %></div>No notes provided.
No params configured.
No assets to display.
<lookbook-embed app="https://primer-lookbook.github.com/view-components/lookbook/" preview="Primer::Alpha::TooltipPreview" scenario="tooltip_nw"></lookbook-embed>