BlazorUI Demo

Tooltip

Short hover/focus hints or click-triggered rich disclosures.

Hover and focus
Additional information
View code 
<BuiTooltip Position="TooltipPosition.Top"><ChildContent><BuiIconButton Icon="LucideIcons.Info" AriaLabel="More information" /></ChildContent><Text>Additional information</Text></BuiTooltip>
Click disclosure

Rich Razor content can appear here.
View code 
<BuiTooltip OpenOnClick ShowCloseButton Position="TooltipPosition.Bottom"><ChildContent><BuiButton Variant="Variant.Outlined">Show details</BuiButton></ChildContent><Text><BuiText Typo="Typo.Body2">Rich Razor content can appear here.</BuiText></Text></BuiTooltip>