<%= render_component_header title: "Tooltip", description: "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it." %> <% content_for :preview, flush: true do %> <%= render_tooltip do %> <%= tooltip_trigger do %> <%= render_button "Hover", variant: :outline %> <% end %> <%= tooltip_content do %>

More will be revealed.

<% end %> <% end %> <% end %> <% content_for :code, flush: true do %> <% end %> <%= render_preview %>