Skip to content
Primer Design System

Primer Design System

Tooltip

Tooltips add additional context to interactive UI elements and appear on mouse hover or keyboard focus.

On this page

v0.23.0DeprecatedNot reviewed for accessibility
This component is deprecatedPlease consider using an alternative.

Description

Tooltip is a wrapper component that will apply a tooltip to the provided content.

Arguments

NameDefaultDescription
label

N/A

String

the text to appear in the tooltip

direction

:n

String

Direction of the tooltip. One of :e, :n, :ne, :nw, :s, :se, :sw, or :w.

align

:default

String

Align tooltips to the left or right of an element, combined with a direction to specify north or south. One of :default, :left_1, :left_2, :right_1, or :right_2.

multiline

false

Boolean

Use this when you have long content

no_delay

false

Boolean

By default the tooltips have a slight delay before appearing. Set true to override this

system_arguments

N/A

Hash

System arguments