Tooltips

[barklund]

Feature description

Add tooltips in a architectural clever way.

Ignore shortcut texts for now, they'll come later (among other things depending on ampproject/amp-wp#3826).

Architecture could be a new top-level tooltip service and a useTooltip hook exposing a showTooltip function that accepts a DOM element and a string.

Alternatively it could be an element, that buttons and icons can be wrapped in such as:

  <Tooltip text="Duplicate page">
    <Button icon="trash" />
  </Tooltip>

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• Implement a system to show tooltips.
• Use this system to show a tooltip for "Delete page" and "Duplicate page" (only those two buttons at this point).
• Tooltips are anchored to the button in a fixed offset (potentially shifts side to fit within the viewport).
• Tooltips show on hover using a mouse or on focus using a keyboard or assistive device.

Implementation brief

QA testing instructions

Demo

Changelog entry