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

### Collapsible Card

The Timeline component uses the [Card component](/components/card/) as a nested element to facilitate the presentation of content in a clean and visually pleasing manner. The collapsible version of the Card can be applied to optimize the presentation of big pieces of content.

<DosDonts>
<Do description="Use the collapsible version of the Card when the content requires more space. When collapsed back to its original size, the card will free space for more timeline events to display.">![A Telerik and Kendo UI Timeline using collapsible Cards to show additional information about an event on demand.](images/components-timeline-usage-collapsible-card-do.png "Rely on collapsible Cards to provide non-intrusive additional information, including media, for the events in your Telerik and Kendo UI Timeline.")</Do>
<Dont description="Avoid using the non-collapsible version of the Card, as the fixed content height might take up too much space and take subsequent timeline events out of sight.">![A Telerik and Kendo UI Timeline showing fixed-size Cards.](images/components-timeline-usage-collapsible-card-dont.png "Don't show too much information in non-collapsible Cards on your Telerik and Kendo UI Timeline because this might overwhelm the user or take subsequent timeline events out of sight.")</Dont>
</DosDonts>