Tooltip

A tooltip is a floating label that provides explanations for user interface elements or features.

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Storybook

React guidance

Source

GitHub code

Storybook


                                                        
                                                        
                                                            import { Button, Tag, Tooltip } from '@optimus-web/core';
                                                        
                                                        const TooltipedButton = Tooltip(Button); 
                                                        const TooltipedTag = Tooltip(Tag);
                                                        
                                                        <TooltipedButton tooltip="Yay! You did it!">
                                                          Hover on button!
                                                        </TooltipedButton>
                                                        <TooltipedTag tooltip="Yay! You did it!" enableStaticAccessibility>
                                                          Hover on tag!
                                                        </TooltipedTag>