---
title: Usage
position: 2
seo_title: Guidelines for Using the Card Component
seo_description: Get the knack of the Telerik and Kendo UI Card 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 Card requires you to follow some basic principles when using the component.

### Card Body

The Card Body is this section of the component where the main text goes. The information is presented in plain language, making it easy for users to scan and navigate through content.

<DosDonts>
<Do description="Include essential information and keep the text volume easily digestible.">![A Telerik and Kendo UI Card component providing essential, easy-to-grasp information](images/components-card-usage-card-body-do.png "Use easily digestible text inside the body area of the Telerik and Kendo UI Card component.")</Do>
<Dont description="Avoid overwhelming users with heavy loads of text.">![A Telerik and Kendo UI Card component with an overwhelming amount of text in the body area](images/components-card-usage-card-body-dont.png "Do not use long, tedious, and excessive amounts of text for the body of the Telerik and Kendo UI Card component.")</Dont>
</DosDonts>


### Composite Elements

The Card component allows various arrangements of its composite elements. Its flexibility makes it a suitable choice for various contexts where information needs to be presented in a structured and visually pleasing way - for example, in dashboards, media feeds, profile previews, product listings and many more.

<DosDonts>
<Do description="Apply the same style and include the same composite elements when arranging multiple cards into groups.">![Two Telerik and Kendo UI Cards within a group, both using the same style and composite elements](images/components-card-usage-composite-elements-do.png "Apply a consistent UI for Telerik and Kendo UI Cards arranged into a group.")</Do>
<Dont description="Do not mix together different card variants within card groups. ">![Two Telerik and Kendo UI Cards within a group, each displaying different composite modules](images/components-card-usage-composite-elements-dont.png "Do not mix UI styles within a group of Telerik and Kendo UI Cards.")</Dont>
</DosDonts>