@progress/kendo-react-tooltip

KendoReact Tooltips Library for React

Important

• This package is а part of KendoReact—an enterprise-grade UI library with 120+ free and premium components.
• This package contains free KendoReact components. You can use it even in production, no sign-up or license required. If you're looking for more free React components, check out Get Started with KendoReact Free.
• Installing and working with this package indicates that you accept the KendoReact License Agreement.
• The 30-day free trial gives you access to all KendoReact components and their full functionality. Additionally, for the period of your trial, you can use our legendary technical support provided directly by the KendoReact dev team!

The React Tooltips library, part of KendoReact, represents popups with information that is related to a UI element. They get displayed when the user clicks or hovers over this UI element.

How to start:

npm install --save @progress/kendo-react-tooltip @progress/kendo-licensing @progress/kendo-react-common @progress/kendo-react-popup @progress/kendo-svg-icons

What's in this package:

• React Tooltips Components Library Features
• React Tooltip component (free)
• React Popover component (free)

Additional information:

• Support Options
• Resources
• KendoReact Tooltips API

React Tooltips Components Library Features

Among the features which the KendoReact Tooltips are:

• Positioning—By default, the position of the Tooltip is determined by the available space around it. Additionally, you can set specific position from a property.
• Theme support—The KendoReact Tooltips, as well as all 120+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, Fluent, and Default) and can be further customized to match your specific design guidelines.

React Tooltip

This is a free React component—no sign-up or license required.

The KendoReact Tooltip component, part of KendoReact, provides a popup with information that is related to a particular UI element. The React Tooltip can be displayed when hovering over or clicking on an element.

Key features:

• Controlled mode—Supports both standard tooltip visualization, by hovering and showing it programmatically.
• Anchor elements—You can target specific anchor elements which will render a tooltip.
• Templates—You can provide a custom rendering for the content of the Tooltip.
• Multiple tooltips—Enables the visualization of multiple tooltips on the same page.
• Customization—You can place the Tooltip in a specific location and attach its handlers there.

How to use the Tooltip component in your apps:

import { Tooltip } from '@progress/kendo-react-tooltip';
...
<Target
    anchorElement="pointer|target"
    position="auto|right|left|bottom|top"
>
    /**
    * Wrap the Tooltip component around the UI element for which you want to show the Tooltip.
    */
</Target>

React Popover

This is a free React component—no sign-up or license required.

The KendoReact Popover component, part of KendoReact, is a popup with rich interactable content, which is displayed when a user clicks or hovers over the related UI element.

How to use the Popover component in your apps:

import { Popover, PopoverActionsBar } from '@progress/kendo-react-tooltip';
import { Button } from '@progress/kendo-react-buttons'; // You can import any other component that allows user interaction within the PopoverActionsBar. You may need to install additional dependencies, if you're not using components from the Buttons package.
...
/** Handle the logic for showing the Popover.
* Handle setting the anchor for the Popover.
*/ 
<Popover
  show={show}
  anchor={anchor.current && anchor.current.element}
  title={'Title'}
>
  /**
  * Show additional content in the Popover. For example, images or text.
  */ 
  <PopoverActionsBar>
    /**
    * Provide UI elements for user actions. For example, buttons.
    */ 
  </PopoverActionsBar>
</Popover>

Support Options

For any issues you might encounter while working with the KendoReact Tooltip, use any of the available support channels:

• Industry-leading technical support—KendoReact paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the dedicated KendoReact support system.
• Product forums—The KendoReact forums are part of the free support you can get from the community and from the KendoReact team.
• Feedback portal—The KendoReact feedback portal is where you can request and vote for new features to be added.

Resources

• Getting Started with KendoReact
• Get Started with KendoReact Free
• Get Started with the KendoReact Tooltip
• API Reference of the KendoReact Tooltip
• KendoReact Roadmap
• Blogs
• Demos, documentation, and component reference
• KendoReact pricing and licensing
• Changelog

High-level component overview pages:

• React Popover Component
• React Tooltip Component

Copyright © 2025 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.