---
path: foundation/spacing/usage
title: Usage
position: 2
seo_title: Guidelines for Using Spacing Approaches
seo_description: Learn more about the recommendations and best practices for
  using spacing in Telerik and Kendo UI and about the do's and dont's when
  applying symmetry, relations, and spacing values.
---
## Usage Guidelines

Industry-wise, spacing implementation follows some basic principles and established standards.

### Symmetry

Telerik and Kendo UI components are built on the principle of symmetry. In this context, symmetry means that the vertical paddings inside a component, just like the horizontal ones, always have equal values. The symmetry principle does not relate to borders as some components may have a single border element.

<DosDonts>
<Do description="Follow the established principle of symmetry in vertical and horizontal spacing inside the Kendo components.">![Recommendations for applying the symmetry principle in the Telerik and Kendo UI context.](images/foundation-spacing-usage-symmetry-do.png "Apply the symmetry principle in the Telerik and Kendo UI context.")</Do>
<Dont description="Avoid setting unequal vertical or horizontal paddings inside a single component.">![What to avoid when applying the symmetry principle in the Telerik and Kendo UI context](images/foundation-spacing-usage-symmetry-dont.png "Do not set unequal vertical and horizontal paddings inside a single Telerik and Kendo UI component.")</Dont>
</DosDonts>


### Relations

Spacing implies the relations between the components and their elements by applying the basic design principle of proximity where equal spacing suggests equal importance or grouping, while less spacing conveys closer relation.

<DosDonts>
<Do description="Have in mind that spacing defines the relations between the components.">![Recommendations for applying the proximity principle in the Telerik and Kendo UI context](images/foundation-spacing-usage-relations-do.png "Apply the proximity principle in the Telerik and Kendo UI context.")</Do>
<Dont description="Avoid using different spacing for elements of equal importance in the Telerik and Kendo UI context.">![What to avoid when applying the proximity principle in the Telerik and Kendo UI context](images/foundation-spacing-usage-relations-dont.png "Do not apply different spacing for elements of equal importance.")</Dont>
</DosDonts>


### Values

Spacing is substantial when building Telerik and Kendo UI components as, along with typography, it defines their size. That is why the spacing scale consists of multiple steps which allow better flexibility inside smaller-sized components.

<DosDonts>
<Do description="Use different spacing values to build component sizes.">![Recommendations for applying spacing values when defining the size of Telerik and Kendo UI components](images/foundation-spacing-usage-spacing-values-do.png "Apply different spacing values for building the sizes of the Telerik and Kendo UI components.")</Do>
<Dont description="Avoid relying only on typography to define the size of the components.">![What to avoid when applying spacing values when defining the size of Telerik and Kendo UI components](images/foundation-spacing-usage-spacing-values-dont.png "Do not allow for varying spacing when setting the size of the Telerik and Kendo UI components.")</Dont>
</DosDonts>