Design System

Tooltip

GumDrops

The tooltip component, prefixed by gds-tooltip, is a small explanatory message that appears when hovering over an element. Tooltips require a data-tooltip attribute containing their message.

Demo
Error Log
Position
gds-tooltip--top
gds-tooltip--right
gds-tooltip--bottom
gds-tooltip--left
Context (Color)
gds-tooltip--primary
gds-tooltip--success
gds-tooltip--info
gds-tooltip--warning
gds-tooltip--danger
gds-tooltip--dark
Size
gds-tooltip--lg
State
gds-tooltip--always
gds-tooltip--no-animate
gds-tooltip--bounce
Related Items
TextButton