syncfusion-blazor-toolkit-tooltip

Wrap the button in an SfTooltip component and set the Content property with your text. The default OpensOn="Auto" mode shows the tooltip on hover or keyboard focus, and Position controls which of the 12 slots it appears in.

Use SfTooltip for brief, non-blocking informational text on hover or focus. Use SfDialog with IsModal="true" for confirmations, required input, or any content that must block user interaction, since tooltips never trap focus or block the page.

Disabled buttons fire no mouse or focus events, so the tooltip never triggers. Wrap the disabled SfButton in a focusable span with tabindex="0" and attach the tooltip to that wrapper, or render the explanation as visible text instead.

Yes, use the ContentTemplate child element to render HTML markup or even nested components like SfButton inside the tooltip. Use the Content property only for plain text strings, never for HTML.

Set OpensOn="Custom", capture the component with @ref, and call its Show and Hide methods from event handlers. The hover and focus lifecycle is bypassed entirely in Custom mode, giving you full manual control.

Yes, SfTooltip applies role="tooltip" and sets aria-describedby on the trigger automatically, and Escape dismisses it by default. Use OpensOn="Auto" or "Focus" so keyboard users receive the tooltip when tabbing to the trigger.