# Vue Card Overview

The Kendo UI for Vue Card component represents any content and actions about a single subject.

It provides clarity, categorization and an attractive way of presenting content.

The building blocks of the Card component are the following:

* [`Card`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/cardprops)
* [`CardHeader`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/cardheaderprops)
* [`CardTitle`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/cardtitleprops)
* [`CardSubtitle`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/cardsubtitleprops)
* [`CardBody`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/cardbodyprops)
* [`CardActions`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/cardactionsprops)
* [`CardFooter`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/cardfooterprops)
* [`CardImage`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/cardimageprops)

## Basic Usage

The following example demonstrates the Card in action.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/card/overview/source.txt)

## Functionality and Features

* [Orientation](https://www.telerik.com/kendo-vue-ui-develop/components/layout/card/orientation)
* [Types](https://www.telerik.com/kendo-vue-ui-develop/components/layout/card/types)
* [Actions](https://www.telerik.com/kendo-vue-ui-develop/components/layout/card/action_buttons)
* [Cards Layouts](https://www.telerik.com/kendo-vue-ui-develop/components/layout/card/layouts)
* [Globalization](https://www.telerik.com/kendo-vue-ui-develop/components/layout/globalization)

## Support and Learning Resources

* [Card Homepage](https://www.telerik.com/kendo-vue-ui/vue-card)
* [Getting Started with the Kendo UI Vue Layout](https://www.telerik.com/kendo-vue-ui-develop/components/layout/get-started)
* [API Reference of the Card Component](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/cardprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [Card Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=card)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)