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

## Usage Guidelines

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

### File Names

The Upload can impose restrictions regarding the file format and file size, however, there are no limitations when it comes to file names. Good practices suggest keeping file names short and meaningful, but if not possible, they must be truncated and not wrapped.

<DosDonts>
<Do description="Truncate long file names if shortening them is not possible.">![A Telerik and Kendo UI Upload with a truncated long file name.](images/components-upload-usage-file-name-do.png "Render Telerik and Kendo UI Upload with a truncated long file name.")</Do>
<Dont description="Avoid wrapping long file names or hyphenating them at the end of the line.">![A Telerik and Kendo UI Upload with a wrapped long file name that takes two rows.](images/components-upload-usage-file-name-dont.png "Do not render Telerik and Kendo UI Upload with a wrapped long file name that takes two rows.")</Dont>
</DosDonts>


### Clear File Requirements

The Upload can enforce file restrictions that must be clear for the users so their files can pass the validation requirements. Using a label and hint to clarify the limitations is necessary to avoid bad user experience.

<DosDonts>
<Do description="Clarify any upload restrictions by using labels and hints.">![A Telerik and Kendo UI Upload with a label and a hint that help the user understand the validation requirements.](images/components-upload-usage-clarifications-do.png "Use labels and hints to clarify the upload requirements.")</Do>
<Dont description="Avoid using unclear labels and skipping hints as this impairs the user's comprehension.">![A Telerik and Kendo UI Upload using a vague and unclear label that does not help the user understand the validation requirements.](images/components-upload-usage-clarifications-dont.png "Do not use vague and unclear labels as they do not help the user understand the validation requirements.")</Dont>
</DosDonts>


### Stacking

By default, the Upload component allows users to select and upload multiple files—this practical and compact solution called stacking saves space and groups related files.

<DosDonts>
<Do description="Use the stacking option to upload multiple files at once or sequentially">![A Telerik and Kendo UI Upload that demonstrates multiple files uploading with different statuses.](images/components-upload-usage-stacking-do.png "Use the Telerik and Kendo UI Upload option for uploading multiple files to save space and reduce the visual noise.")</Do>
<Dont description="Avoid using multiple Upload components for single files as this makes the UI busy and creates visual load.">![Multiple Telerik and Kendo UI Uploads showing separate files with different statuses.](images/components-upload-usage-stacking-dont.png "Do not use multiple Telerik and Kendo UI Uploads for files that can be unified into a single Upload. ")</Dont>
</DosDonts>