Tooltip
A tooltip displays information related to a widget when focused, hovered over, or long pressed.
Preview
CLI
To generate and customize this style:
dart run forui style create tooltip Usage
FTooltip(...)
FTooltip(
controller: _controller, // FTooltipController
style: FTooltipStyle(...),
hover: true,
longPress: true,
tipAnchor: Alignment.bottomCenter,
childAnchor: Alignment.topCenter,
shift: FPortalShift.flip,
tipBuilder: (context, style, _) => const Text('Tooltip'),
child: const Placeholder(),
);Examples
Horizontal Alignment
You can change how the tooltip is aligned to the button.
Preview
Long Press Only
Preview
Last updated on