Tooltips

Platform  

css

   │    Support  

Chromium supported

Firefox supported

Safari supported

Edge supported

Since  2.0.0

   │   

Olivier Bossel

   │   

beta

  Preview

  Install

  CSS Classes

1. s-tooltip-container

   Allows to hide and show your tooltip on hover (focus)

2. s-tooltip-container:active

   Allow to display a tooltip without having the need of the user interaction

3. s-tooltip

   Apply the solid tooltip lnf

4. s-tooltip:top

   Align your tooltip at "top". This is the default. Only then not using the "s-floating" feature

5. s-tooltip:right

   Align your tooltip at "right". Only then not using the "s-floating" feature

6. s-tooltip:left

   Align your tooltip at "left". Only then not using the "s-floating" feature

7. s-tooltip:bottom

   Align your tooltip at "bottom". Only then not using the "s-floating" feature

8. s-tooltip:interactive

   Allow the user to interact with the tooltip. Only then not using the "s-floating" feature