Tooltip

Names

Tooltip - Ant Design, Atlaskit, Bootstrap, Carbon Design System, Evergreen, UI Fabric, FAST, Lightning Design System, Lion, Material Components Web, Oat, Primer Design System, Semantic UI, Spectrum, Stardust UI, U.S. Web Design System (USWDS), WAI-ARIA
Inline dialog - Atlaskit
Tooltips - Boosted
Popover - Bootstrap

Anatomy

Label
Overlay container
Pointer

Concepts

Show descriptionsCollapse all

Ant Design

tooltip concept on a Tooltip component in Bootstrap.

Bootstrap rich

Carbon Design System

Lion

html

interactive

card

custom

rich

Boosted html

rich concept on a Tooltip component in Bootstrap.

Bootstrap html

rich concept on a Tooltip component in Carbon Design System.

Carbon Design System interactive

rich concept on a Tooltip component in Evergreen.

Evergreen card

rich concept on a Tooltip component in UI Fabric.

UI Fabric custom

Material Components Web

placement

position

directions

directionalHint

direction

position-align

position concept on a Tooltip component in Ant Design.

Ant Design placement

Atlaskit

position concept on a Tooltip component in Boosted.

Boosted directions

position concept on a Tooltip component in Bootstrap.

Bootstrap placement

Carbon Design System

Evergreen

position concept on a Tooltip component in UI Fabric.

UI Fabric directionalHint

FAST

position concept on a Tooltip component in Lion.

Lion placement

Material Components Web

position concept on a Tooltip component in Primer Design System.

Primer Design System direction

Semantic UI

position concept on a Tooltip component in Stardust UI.

Stardust UI position-align

basic

inline dialog

Ant Design

basic concept on a Tooltip component in Atlaskit.

Atlaskit inline dialog

Atlaskit

Boosted

Bootstrap

Carbon Design System

Evergreen

UI Fabric

FAST

Lightning Design System

Lion

Material Components Web

Primer Design System

Semantic UI

Stardust UI

Supports nesting

UI Library	Can be nested?	Closes other tooltips?	Note
Ant Design	No	Yes (default, but can be changed)	Only accepts textual content
Atlaskit	No	Yes	Only accepts textual content
Bootstrap	No	Yes, but stays open when clicked	Only accepts textual content
Carbon design system	No	Yes	Only accepts textual content
Evergreen	No	Yes	Only accepts textual content
UI Fabrik	No	Yes	Linked example could potentially be nested, but not intentional
FAST	Yes	Yes (but not when nested, previous stays open)	In the sandbox (link on library) nesting was possible to achieve
KoliBri	To be investigated	To be investigated
Lightning Design System	To be investigated	To be investigated
Material Components Web	To be investigated	Yes	It can contain custom HTML, further investigation necessary for nesting
Semantic UI	No	Not the parent when nested	Linked example could potentially be nested, but not intentional
Stardust UI	No	can be prevented	Only in other elements, but not nested in tooltip (according to documentation)
Boosted	No	Not when other tooltip is clicked	Only accepts textual content

Tooltip

NamesSection titled Names

AnatomySection titled Anatomy

ConceptsSection titled Concepts

▼ arrowPointAtCenter

▼ color

▼ tooltip

▼ definition

▼ arrow

▼ rich

▼ position

▼ basic

Supports nestingSection titled Supports%20nesting

Names

Anatomy

Concepts

Supports nesting