Cloudflare LogoNavigate Back
Cloudflare Style
Cloudflare Style is in Alpha and is a work-in-progress. Expect changes. Contact DESSYS with any questions.
Components
Feedback

Tooltip

Tooltips provide further contextual information. They explain a user interface element or feature for a nearby UI element, especially when the information is not the primary focus on the page.

  • Design
  • Implementation

General guidelines

  • Show a tooltip on hover over an icon.
  • Only provide succinct contextual information.
  • Consider mobile-device and accessible interactions.
  • Do not include links in a tooltip.
  • When the contextual message is too lengthy, try a solution other than a tooltip. You can also utilize the Help drawers for information.

Product Usage

  • Dashboard
  • Teams
  • Radar
    v2.7.81Last updated April 15, 2021
    Open in FigmaView source

    • LinkedIn
    • Facebook
    • Twitter
    • GitHub
    • YouTube

    Cloudflare LogoNavigate back
    • © 2021 Cloudflare, Inc.
    • About Cloudflare
    • Careers
    • Terms of Use
    • Disclosure
    • Trademark