Origami Frontend Components & Services

Demos: o-tooltip


Basic demo

Professional Demo

A basic demo using the FT Professional sub-brand theme.


Display on hover demo


Display on focus demo


Display on click demo


Toggle on click demo


Show/Hide Tooltip after timeout demo

No Markup

Tooltip declared in js, with no markup

Responsive Positioning

Responsive positioning

Custom Tooltip Theme

A custom theme added using the tooltip Sass API.

Switch component view

GitHub: o-tooltip@5.3.0

Install o-tooltip

If using the Build Service, add o-tooltip@^5.3.0 to your script and link tags.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-tooltip@^5.3.0".

Help & Support

o-tooltip is maintained directly by the Origami team. If you have any questions about o-tooltip or Origami in general, we are happy to help. 😊

Slack: #origami-support
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #origami-support
Email: origami.support@ft.com