Positioning

By default, the Tooltip appears above its anchor element.

To change the position of the Tooltip, set its position property.

@Component({
  selector: 'my-app',
  template: `
    <div kendoTooltip position="right">
        <button class="k-button" title="This tooltip is on the right">
            Button with tooltip
        </button>
    </div>
  `
})
class AppComponent {}

In this article