New to Kendo UI for Vue? Start a free 30-day trial


By default, the Dialog is visible.

To control its visibility, use a v-if and a variable based on which the Dialog will be shown or hidden.

    <k-dialog v-if="visible"/>

The following example demonstrates how to show and hide the Dialog based on its state.

View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?