• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact Tooltips Overview

The KendoReact Tooltips library represents popups with information that is related to a UI element. They get displayed when this UI element is clicked or hovered over.

The React Tooltips library is part of the KendoReact UI kit, which provides native KendoReact components for the React ecosystem and are available under the kendo-react-tooltip NPM package.


Basic Usage

The following example demonstrates the Tooltip and Popover components in action.

Example
View Source
Change Theme:

Key Features

The KendoReact Tooltips provide a wide and always growing range of built-in features that isn't limited by the list in this section. This developer-friendly feature set allows you to create beautiful and functional applications faster. At the same time, the KendoReact development team works constantly to improve the performance of the components and their capabilities.

Positioning

You can choose the position of the KendoReact Tooltips to its target element or the mouse position. That allows positioning the component on the visible part of the screen easily. Read more about the Tooltips Positioning...

Callout

You can enable or disable the callout element of the KendoReact Tooltips or change its position. Read more about the Tooltips Positioning...