Open UI

Tooltip

Names

Anatomy

  • Label
  • Overlay container
  • Pointer

Concepts

arrowPointAtCenter concept on a Tooltip component in Ant Design.

color concept on a Tooltip component in Ant Design.

tooltip concept on a Tooltip component in Bootstrap.
rich

definition concept on a Tooltip component in Carbon Design System.

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

html
interactive
card
custom
rich
rich concept on a Tooltip component in Boosted.
html
rich concept on a Tooltip component in Bootstrap.
html
rich concept on a Tooltip component in Carbon Design System.
interactive
rich concept on a Tooltip component in Evergreen.
card
rich concept on a Tooltip component in UI Fabric.
custom
rich concept on a Tooltip component in Material Components Web.

placement
position
directions
directionalHint
direction
position-align
position concept on a Tooltip component in Ant Design.
placement
position concept on a Tooltip component in Atlaskit.
position concept on a Tooltip component in Boosted.
directions
position concept on a Tooltip component in Bootstrap.
placement
position concept on a Tooltip component in Carbon Design System.
position concept on a Tooltip component in Evergreen.
position concept on a Tooltip component in UI Fabric.
directionalHint
position concept on a Tooltip component in FAST.
position concept on a Tooltip component in Material Components Web.
position concept on a Tooltip component in Primer Design System.
direction
position concept on a Tooltip component in Semantic UI.
position concept on a Tooltip component in Stardust UI.
position-align

basic
inline dialog
basic concept on a Tooltip component in Ant Design.
basic concept on a Tooltip component in Atlaskit.
inline dialog
basic concept on a Tooltip component in Atlaskit.
basic concept on a Tooltip component in Boosted.
basic concept on a Tooltip component in Bootstrap.
basic concept on a Tooltip component in Carbon Design System.
basic concept on a Tooltip component in Evergreen.
basic concept on a Tooltip component in UI Fabric.
basic concept on a Tooltip component in FAST.
basic concept on a Tooltip component in Lightning Design System.
basic concept on a Tooltip component in Material Components Web.
basic concept on a Tooltip component in Primer Design System.
basic concept on a Tooltip component in Semantic UI.
basic concept on a Tooltip component in Stardust UI.

Supports nesting

UI LibraryCan be nested?Closes other tooltips?Note
Ant DesignNoYes (default, but can be changed)Only accepts textual content
AtlaskitNoYesOnly accepts textual content
BootstrapNoYes, but stays open when clickedOnly accepts textual content
Carbon design systemNoYesOnly accepts textual content
EvergreenNoYesOnly accepts textual content
UI FabrikNoYesLinked example could potentially be nested, but not intentional
FASTYesYes (but not when nested, previous stays open)In the sandbox (link on library) nesting was possible to achieve
KoliBriTo be investigatedTo be investigated
Lightning Design SystemTo be investigatedTo be investigated
Material Components WebTo be investigatedYesIt can contain custom HTML, further investigation necessary for nesting
Semantic UINoNot the parent when nestedLinked example could potentially be nested, but not intentional
Stardust UINocan be preventedOnly in other elements, but not nested in tooltip (according to documentation)
BoostedNoNot when other tooltip is clickedOnly accepts textual content