Tooltip

​

Example

NeoTooltip(
  label: "I'm a helpful tooltip",
  child: NeoButton(
    variant: .secondary,
    label: "Hover me",
    onPressed: () {},
  ),
),

​

Properties

​

Required

​

Layout

​

Behavior

​

Enums

​

NeoTooltipPosition

• top: Tooltip appears above the child
• right: Tooltip appears to the right of the child
• bottom: Tooltip appears below the child
• left: Tooltip appears to the left of the child

​

NeoPopoverAlign

• start: Align to the start edge (leading / top depending on position)
• center: Center on the cross axis (default)
• end: Align to the end edge (trailing / bottom depending on position)

​

Best Practices

• Accessibility: Tooltips are essential for icon-only buttons and helpful for providing additional context.

​

Integration Notes

• Interaction Methods:
  • Desktop: Hover to show tooltip after the specified delay
  • Mobile: Long press to show tooltip immediately
• Dismissal: Tooltips automatically hide when:
  • Mouse leaves the child area (desktop)
  • User taps outside the tooltip (mobile, after long press)
  • User performs other interactions