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
Razor
Open in new tabLoading...
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