Tooltip

Tooltips provide a short description on the functionality of an interface element. They can be triggered on hover or click. Information should be short, contextual and useful.

• Alignment

  Center-right

  Load 50 more news

  Looking for specific items?

  Search of filtering may be easier

  Center-top

  Load 50 more news

  Looking for specific items?

  Search of filtering may be easier

  Center-left

  Load 50 more news

  Looking for specific items?

  Search of filtering may be easier

  Center-bottom

  Load 50 more news

  Looking for specific items?

  Search of filtering may be easier

  Left-bottom

  Load 50 more news

  Looking for specific items?

  Search of filtering may be easier

  Right-bottom

  Load 50 more news

  Looking for specific items?

  Search of filtering may be easier

  HtmlTs

• Field Tooltip

  Placed next to a field's label this tooltip display is toggled on click of the icon. Field tooltips use question mark icons.

  Title for search engines

  HtmlTs

• Media Tooltip

  Placed over an image or video this tooltip display is toggled on hover. Media tooltips us info icons.

  

  Santorini view

  in Default library
  260x140 JPG

  HtmlTs