---
title: Usage
position: 2
seo_title: Guidelines for Using the Dialog Component
seo_description: Get the knack of the Telerik and Kendo UI Dialog and learn how
  to use and implement the component by following the instructions and
  recommendations in the user guidelines created by our designers.
---
## Usage Guidelines

The Telerik and Kendo UI Dialog requires you to follow some basic principles when using the component.

### Title

When using the Dialog component in your user interface, consider the presentation of the dialog's title, as it plays a crucial role in conveying the purpose of the modal window. Additionally, the primary button label should also reflect the dialog's purpose, ensuring that users have a clear understanding of the action they are taking when they interact with the dialog. This dual communication, through both the title and the primary button label, enhances the user experience by reducing ambiguity and helping users make informed decisions.

<DosDonts>
<Do description="Ensure that the dialog's title and the primary button label collectively convey the purpose of the modal window, providing users with clear and informative guidance.">![A Telerik and Kendo UI Dialog with a title and button providing clear guidance](images/components-dialog-usage-title-do.png "Use Telerik and Kendo UI Dialogs that include titles and buttons with clear guidance.")</Do>
<Dont description="Avoid using vague or misleading titles that are not synchronized with the button label as this can lead to confusion and hinder the users' ability to understand the dialog's purpose.">![An incorrectly used Telerik and Kendo UI Dialog with misleading title and button](images/components-dialog-usage-title-dont.png "Do not use Telerik and Kendo UI Dialogs that utilize out-of-sync titles and buttons.")</Dont>
</DosDonts>


### Action Button Labels

When implementing Dialog components within your user interface, it's crucial to pay special attention to the labels of the buttons within the dialog. The button labels serve as a direct indicator of the user's decision outcome, ensuring clarity and ease of use.

<DosDonts>
<Do description="Use button labels that clearly and accurately indicate the outcome of the decision users are making.">![A Telerik and Kendo UI Dialog with clearly labeled buttons](images/components-window-usage-indicate-action-do.png "Use clearly labeled buttons when working with the Telerik and Kendo UI Dialog component.")</Do>
<Dont description="Avoid using vague or ambiguous button labels that do not clearly communicate the outcome of the decision within the dialog.">![A Telerik and Kendo UI Dialog demonstrating inefficiently labeled buttons](images/components-window-usage-indicate-action-dont.png "Don't use inefficiently labeled buttons when working with the Telerik and Kendo UI Dialog component.")</Dont>
</DosDonts>