Unions

The following unions are available in the Svg Tooltip component:

NameValueDescription
TooltipPlacement
'Left' | 'Right' | 'Top' | 'Bottom'

Defines the placement options for tooltips. These options control where the tooltip appears relative to its target.

TooltipShape
'Circle' | 'Rectangle' | 'Triangle' | 'Diamond' | 'Cross' | 'Plus' | 'HorizontalLine' | 'VerticalLine' | 'Pentagon' | 'InvertedTriangle' | 'Image' | 'Star' | 'None'

Defines the available shapes for tooltip markers. These shapes are used to visually represent data points in tooltips.

TooltipTheme
'Material' | 'MaterialDark'

Defines the available themes for tooltips. These themes control the visual styling of tooltips to match various design languages.

TooltipPlacement
'Left' | 'Right' | 'Top' | 'Bottom'

Defines the placement options for tooltips. These options control where the tooltip appears relative to its target.

TooltipShape
'Circle' | 'Rectangle' | 'Triangle' | 'Diamond' | 'Cross' | 'Plus' | 'HorizontalLine' | 'VerticalLine' | 'Pentagon' | 'InvertedTriangle' | 'Image' | 'Star' | 'None'

Defines the available shapes for tooltip markers. These shapes are used to visually represent data points in tooltips.

TooltipTheme
'Material' | 'MaterialDark'

Defines the available themes for tooltips. These themes control the visual styling of tooltips to match various design languages.