Tooltips

tooltips

.slds-popover_tooltip — A Tooltip is a small piece of contextual information about an element on the screen, which is displayed when a user hovers or focuses on the element it is describing. It is not focusable and cannot contain focusable content.

base

.slds-popover_tooltip — Initializes a tooltip

base › As an icon link

base › As a Button Icon

base › As a Button

base › Bottom to Top

base › Top to Bottom

base › Right to Left

base › Left to Right

base › Rise

base › Fall

rise

.slds-rise-from-ground — Toggles on tooltip

fall

.slds-fall-into-ground — Toggles off tooltip

bottom-to-top

.slds-slide-from-bottom-to-top — Slides tooltip from bottom to top

top-to-bottom

.slds-slide-from-top-to-bottom — Slides tooltip from top to bottom

right-to-left

.slds-slide-from-right-to-left — Slides tooltip from right to left

left-to-right

.slds-slide-from-left-to-right — Slides tooltip from left to right