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

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 |