Enum TipPointerPosition

Specifies the positioning options for the tip pointer (arrow) that connects the Tooltip to its target element.

Namespace: Syncfusion.Blazor.Popups

Assembly: Syncfusion.Blazor.dll

Syntax

[JsonConverter(typeof(JsonStringEnumConverter))]
public enum TipPointerPosition

Remarks

The TipPointerPosition enumeration controls the placement of the visual pointer that indicates the relationship between the tooltip and its target. The tip pointer provides a clear visual connection, making it obvious which element the tooltip refers to. The actual position depends on the tooltip's overall position relative to the target element (top, bottom, left, or right). Different pointer positions can improve visual balance and alignment in various UI layouts.

Examples

The following example demonstrates how to set tip pointer position:

<SfTooltip Content="Tooltip with custom pointer" TipPointerPosition="TipPointerPosition.Start">
    <div>Target element</div>
</SfTooltip>

Fields

Name	Description
Auto	Automatically determines the optimal tip pointer position based on the tooltip's position and available space.
End	Positions the tip pointer at the ending edge of the tooltip element.
Middle	Positions the tip pointer at the center of the tooltip element's edge facing the target.
Start	Positions the tip pointer at the beginning edge of the tooltip element.