sunweb

Tooltip

component tooltip

Definition


The tooltip only display in the left for IE11

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

React

Loading...

Javascript

Loading...
c-tooltip left

React

Loading...
c-tooltip top

React

Loading...
c-tooltip bottom

React

Loading...

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

React

c-tooltip top and bottom-from@md

React

c-tooltip left and right-from@sml

React