All Components

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.

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

        <button class="k-button" title="Discards all changes">
            Cancel
        </button>
    </div>
  `
})
class AppComponent {}
In this article