Tooltip

A tooltip is a floating label that provides explanations for user interface elements or features but cannot be interacted with.

Component Status

Flutter

Is new design vision part implemented using new tokens?

Up to date

Resources

Examples

Data Display/Tooltip


                                                        
                                                        
                                                            OptimusTooltipWrapper(
                                                                            text: Text(text),
                                                                            autoHideDuration: Duration(seconds: 2),
                                                                            size: OptimusToolTipSize.small,
                                                                            tooltipPosition: OptimusTooltipPosition.top,
                                                                            child: const Icon(OptimusIcons.info),
                                                                          )
                                                        
                                                            

OptimusTooltipWrapper Example


                                                        
                                                        
                                                            OptimusTooltip(
                                                              content: Text('Tooltip'),
                                                              size: OptimusToolTipSize.small,
                                                              tooltipPosition: OptimusTooltipPosition.top,
                                                            )
                                                        
                                                            

OptimusTooltip Example

API

Name

Description

Type

Default value

text

The text of the tooltip

Widget

 

child

The component that is wrapped with the tooltip

Widget

 

size

The size of the tooltip

OptimusTooltipSize

OptimusTooltipSize.small

tooltipPosition

The position of the tooltip

OptimusTooltipPosition

OptimusTooltipPosition.top

autoHideDuration

The duration after which the tooltip will fade out

Duration

Duration(seconds: 1)