Enums: Tooltip

Position tooltips and control when they appear.

Tooltip enums let you align tooltips precisely and pick the interaction model that best fits your UI.

How it works

Use TooltipPlacement to set where the tooltip appears and TooltipTrigger to choose which events show it.

Examples

  • TooltipPlacement.Top for labels above inputs.
  • TooltipPlacement.RightEnd for compact inline hints.
  • TooltipTrigger.Click for touch-first interfaces.

Reference

TooltipPlacement

Defines the placement of an element.

  • TooltipPlacement.Top Top-center side.
  • TooltipPlacement.TopStart Top-left side.
  • TooltipPlacement.TopEnd Top-right side.
  • TooltipPlacement.Bottom Bottom-center side.
  • TooltipPlacement.BottomStart Bottom-left side.
  • TooltipPlacement.BottomEnd Bottom-right side.
  • TooltipPlacement.Left Left-center side.
  • TooltipPlacement.LeftStart Left-top side.
  • TooltipPlacement.LeftEnd Left-bottom side.
  • TooltipPlacement.Right Right-center side.
  • TooltipPlacement.RightStart Right-top side.
  • TooltipPlacement.RightEnd Right-bottom side.

TooltipTrigger

Determines the events that cause the tooltip to show.

  • TooltipTrigger.MouseEnterFocus Tooltip will show on mouse enter and focus event (default option).
  • TooltipTrigger.Click Tooltip will show on click event only.
  • TooltipTrigger.Focus Tooltip will show on focus event only.
  • TooltipTrigger.MouseEnterClick Tooltip will show on mouse enter and click event.
On this page