UI MarCom
2.2.1
1.0.12 2.1.0
UI MarCom
Getting Started
About UI MarCom Develop
Fundamentals
Overview Colors Elevation Icons Image Aspect Ratios Interaction Responsive Behavior Spacing States Typography
Components
Component status Overview Accordion Alerts Application Bar Aspect Ratio Back to top Breadcrumbs Button Card Slider Cards Carousel Checkboxes Collection Date-Time-Picker Disclaimer Dropdown Figure Footer Header Hero Block Hotspots In-Page Navigation Label Links Lists Loading Animation Log In Dialog Logo Media Object Menu Modal Dialog Multi-column Multimedia Container Navigation bar Overlay Pagination Progress Quotation Radio Buttons Search Field Search Results Select Box Stage Steps Bar Table Tabs Tags Textfield Toggle Switch Tooltip User Identifier
Updates
Updates
Help
Contact us

Tooltip Stable

With a Tooltip you can provide short additional information. It opens in a small layer when the user hovers or taps on the item that is attached with the Tooltip.

Usage Code
    <span class="js-tooltip" data-title="Tooltip adjustments" data-content="Tooltip title adjusts its direction automatically">
  Hover or tap here to open tooltip*
</span>