Default Configuration

To specify elements which render tooltips, wrap these elements in a kendoTooltip directive.

The default configuration of the Tooltip directive enables you to show a custom tooltip instead of the tooltip of the default browser. All elements with the title attribute inside the kendoTooltip directive display a tooltip. If neither a title attribute nor other configuration is provided, the tooltip is not rendered.

  selector: 'my-app',
  template: `
    <div kendoTooltip style="text-align: center; padding-top: 10px;">
        <button class="k-button k-primary" title="Saves the current document">

        <button class="k-button" title="Discards all changes">
class AppComponent {}

In this article