sunweb

Tooltip

component tooltip

Definition


Tooltips are pop-up windows that can display additional text information about an element when you hover or focus on it

The tooltip can be displayed in this directions: "top", "bottom", "left", "right".

c-tooltip right

Handlebars

text without link  another text without link
Loading...

Javascript

Loading...
c-tooltip left

Handlebars

text without link  another text without link
c-tooltip top

Handlebars

text without link  another text without link
c-tooltip bottom

Handlebars

text without link  another text without link

c-tooltip [direction]-from@[breakpoint]
The [direction]-from property makes the tooltip display a different direction from the specified breakpoint. The current breakpoints supported are: "xs", "sml", "md".
c-tooltip bottom and top-from@xs

Handlebars

c-tooltip top and bottom-from@md

Handlebars

c-tooltip left and right-from@sml

Handlebars