Kendo UI for Vue

Vue Card

  • The easiest way to display information groups in the modern, popular and interactive card format.
  • Part of Kendo UI for Vue library together with other best-in-class native components for building fast and beautiful apps.
  • Comes with outstanding technical support, detailed documentation and demos.
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Vue Card component gives you a layout mechanism common across all web applications that need to display content and actions about a subject grouped in a container. Whether you use the Card to display a single subject or multiple, the cards of completely customizable and interactive.

    See the Vue Card Overview demo

  • Orientation

    By default, the Vue Card component lays out content vertically, but you can choose to lay it out horizontally. Change the property any time, and each target card will automatically be updated.

    See the Vue Card Orientation demo

    Vue Card Orientation
  • Types

    To help speed up the styling process, the Vue Card component includes a set of predefined styles. These include default, warning, error, and more.

    See the Vue Card Types demo

    Vue Card Types
  • Action Buttons

    The Vue Card creates an area for actions buttons much like a tool bar. The content of this area is completely customizable. Configure layout, buttons, images, styles, and more.

    See the Vue Card Action Buttons demo

    Vue Card Action Buttons
  • Layouts

    When arranging a collection of cards, the Kendo UI for Vue component has three built-in options. “Group” and “deck” are variations of side-by-side layout while “list” arranges them top to bottom. You can also create your own custom layout.

    See the Vue Card Layouts demo

    Vue Card Layout

Get Started with Kendo UI for Vue

Kendo UI