New to Kendo UI for Angular? Start a free 30-day trial

CardComponent

Component

Represents the Kendo UI Card component for Angular. Displays content in a structured container with customizable layout and styling (Card overview).

Definition

Package:@progress/kendo-angular-layout

Selector:kendo-card

Syntax:

html

<kendo-card orientation="vertical">
  <kendo-card-header>
    <h5 kendoCardTitle>Card Title</h5>
  </kendo-card-header>
  <kendo-card-body>
    <p>Card content goes here.</p>
  </kendo-card-body>
</kendo-card>

Inputs

orientation

Orientation

Specifies the layout of the Card content.

Default:

'vertical'

width

string

Defines the width of the Card.

Default:

'285px'