@nimbus-ds/tooltip
TypeScript icon, indicating that this package has built-in type declarations

2.6.0 • Public • Published

@nimbus-ds/tooltip

@nimbus-ds/tooltip

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

Installation

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

Component Anatomy

The component consists of a floating text box.

Guidelines

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.

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.

Usage recommendation

  • Explain terms in forms
  • View explanations about new features
  • Display tips on non-text buttons

Related components

  • Alert - Can be used to intrusively display mandatory information without requiring any user interaction.

Usage

View docs here.

Nimbus

Readme

Keywords

none

Package Sidebar

Install

npm i @nimbus-ds/tooltip

Weekly Downloads

104

Version

2.6.0

License

MIT

Unpacked Size

30.6 kB

Total Files

7

Last publish

Collaborators

  • nimbus-design-system
  • tiendanubeorg
  • npmdevelopertn
  • eduardo.nuvemshop