Tooltip

Example

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

Properties

Required

String

required

The text label to display in the tooltip.

Widget

required

The widget that triggers the tooltip on .

Layout

NeoTooltipPosition

default:".top"

The position where the tooltip appears relative to the child widget.

NeoPopoverAlign

default:".center"

Cross-axis alignment relative to the child. For top / bottom, this is horizontal (start / end follow text direction). For left / right, this is vertical (start = top, end = bottom).

Behavior

Duration

default:"Duration(seconds: 1)"

The delay before showing the tooltip on hover. Does not affect long press behavior on mobile.

Enums

NeoTooltipPosition

Position where the tooltip appears relative to the child widget.

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

Cross-axis alignment of the tooltip relative to the child.

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

Set a tooltip on an icon-only button.

Behavior

On desktop, shows the tooltip after delay. On mobile, a long press shows it immediately.
On desktop it hides when the pointer leaves the child. On mobile it hides when the user taps outside.

Getting Started

AI

Widgets

Layouts

Theming

Utilities

Example

Properties

Required

Layout

Behavior

Enums

NeoTooltipPosition

NeoPopoverAlign

Best Practices

Behavior

​Example

​Properties

​Required

​Layout

​Behavior

​Enums

​NeoTooltipPosition

​NeoPopoverAlign

​Best Practices

​Behavior

Example

Properties

Required

Layout

Behavior

Enums

NeoTooltipPosition

NeoPopoverAlign

Best Practices

Behavior