Tooltip

This documentation provides a comprehensive reference for the Tooltip component, guiding you through its configuration options.
Demos

Screenshot #

Blazor Tooltip Component

Tooltip Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object>? null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment? null Gets or sets the content to be rendered within the component. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Color TooltipColor None Gets or sets the tooltip color. 1.10.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsHtml bool False Gets or sets a value indicating whether to display the content as HTML instead of text. 2.1.0
Placement TooltipPlacement Top Gets or sets the tooltip placement. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
Title string? null Displays informative text when users hover, focus, or tap an element. 1.0.0

TooltipColor Enum #

Name Value Description Added Version
None 0 Indicates that no explicit color option is selected. 1.10.0
Primary 1 Indicates the primary (emphasis) color option. 1.10.0
Secondary 2 Indicates the secondary (less emphasized) color option. 1.10.0
Success 3 Indicates a success-state color option. 1.10.0
Danger 4 Indicates an error or danger-state color option. 1.10.0
Warning 5 Indicates a warning-state color option. 1.10.0
Info 6 Indicates an informational-state color option. 1.10.0
Light 7 Indicates a light-toned color option. 1.10.0
Dark 8 Indicates a dark-toned color option. 1.10.0

TooltipPlacement Enum #

Name Value Description Added Version
Auto 0 Dynamically reorient the tooltip. 1.0.0
Top 1 Top side. 1.0.0
Bottom 2 Bottom side. 1.0.0
Left 3 Left side. 1.0.0
Right 4 Right side. 1.0.0

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.