1
2
3
4
render(Primer::Beta::Button.new(id: "button-with-existing-description", "aria-describedby": "existing-description-id")) do |component| component.with_tooltip(text: tooltip_text, direction: direction) "Button"end<button id="button-with-existing-description" aria-describedby="existing-description-id" type="button" data-view-component="true" class="Button--secondary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Button</span> </span></button><tool-tip id="tooltip-9815e406-e675-441b-b4e6-76d379f24dbc" for="button-with-existing-description" popover="manual" data-direction="s" data-type="description" data-view-component="true" class="sr-only position-absolute">You can press a button</tool-tip>render(Primer::Beta::Button.new(id: "button-with-existing-description", "aria-describedby": "existing-description-id")) do |component| component.with_tooltip(text: tooltip_text, direction: direction) "Button"endNo notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
No assets to display.
<lookbook-embed app="https://primer-lookbook.github.com/view-components/lookbook/" preview="Primer::Alpha::TooltipPreview" scenario="description_tooltip_on_button_with_existing_describedby"></lookbook-embed>