• Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Grid
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup

KendoReact Card Overview

The Card component represents any type of content and all kind of actions about a single subject.

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

The Card component consists of the following building blocks:

The following example demonstrates the Card in action.

View Source
Change Theme:

The Card is part of the KendoReact Layout component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the Card and the rest of the components in the package, see the Getting Started with the KendoReact Layout Package guide.

Key Features

  • OrientationYou can arrange the content of the Card vertically or horizontally.
  • TypesThe predefined types provide a convenient way to change the appearance of the Card.
  • ActionsThe Card allows you to render custom action buttons and to customize their orientation and layout.
  • Cards LayoutsYou can arrange the Cards in three built-in layouts: list, group and deck.

In this article

Not finding the help you need?