@nimbus-ds/toggle

The Tooltip component allows us to show additional information in a non-intrusive way.

Installation

$ yarn add @nimbus-ds/checkbox
# or
$ npm install @nimbus-ds/checkbox

Component Anatomy

The component consists of a floating box with text.

Guidelines

We use this component when we need to give the user more information in a limited space, this information should be optional and only add context, and should not be essential for experience.

Tooltip display

The component is displayed by clicking, tapping or mouse over an icon or other element.

Icon choice

The icon chosen to activate the Tooltip must correctly represent the information to be presented.

Recommendation for use

• Explain terms in forms
• Display explanations about new features
• Display tooltips on buttons without text

Related components

• Alert - Can be used to display mandatory information in an intrusive way without requiring any user interaction.

Usage

View docs here.