The Tooltip component allows us to display additional information in a non-intrusive way.
$ yarn add @nimbus-ds/tooltip
$ npm install @nimbus-ds/tooltip
The component consists of a floating text box.
We use this component when we need to give the user more information in a limited space, this information should be optional and just add context, not essential for experience.
The component is displayed by clicking, tapping or mouse over an icon or other element.
The icon chosen to activate the Tooltip must correctly represent the information to be presented.
- Explain terms in forms
- View explanations about new features
- Display tips on non-text buttons
- Alert - Can be used to intrusively display mandatory information without requiring any user interaction.
View docs here.