Logomark for Development Bank of Singapore (DBS), a bright red shape resembling a flowerDBS Digital
Design System

Tooltips

Tooltips are short descriptive message that appear when a user hovers or focuses on an element, giving additional details where a caption or label may not be sufficient.

What’s here

  1. Resources
  2. Structure
  3. Specifications
  4. Usage

Resources

  • Tooltips on Figma
  • Tooltips API (coming soon)

Structure

Media is restricted, please login to view

Specifications

Max Width

280px

Motion

  • motion-ease-in
  • motion-duration-ultra-fast

Variations

Depending on the screen position, or position of the icon compared to the rest of the interface, the tooltip may appear to the left, right, top or bottom of the icon

Media is restricted, please login to view

Usage

Media is restricted, please login to view
Loading...