All Components

This website hosts Kendo UI wrappers of Kendo UI for jQuery widgets intended to be used in the React ecosystem.

Go to the native Kendo UI implementations for React

Loading Content with AJAX

The Tooltip provides the built-in option for asynchronously loading content from a URL.

The URL is expected to return an HTML fragment that can be loaded in the content area of the Tooltip. If the content which is passed to the Tooltip includes scripts, the scripts are executed.

class TooltipContainer extends React.Component {
    constructor(props) {
        super(props);
        this.content = props.content;
    }

    render() {
        return (
            <div className="row">
                <div className="col-xs-12 col-sm-2 example-col">
                    <Tooltip content={this.content}>
                        Hover me
                    </Tooltip>
                </div>
            </div>
        );
    }
}
ReactDOM.render(
    <TooltipContainer content={{ url: "https://demos.telerik.com/kendo-ui/content/web/tooltip/ajax/ajaxContent3.html" }} />,
    document.querySelector('my-app')
);
In this article