Getting Started
Components
- Barcodes
- Buttons
- Chartsupdated
- Conversational UIupdated
- Data Query
- Date Inputsupdated
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Gantt
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- - Overview
  - Getting Started
  - Avatar
  - Card
  - Drawer
  - ExpansionPanel
  - GridLayout
  - PanelBar
  - Splitter
  - StackLayout
  - Stepper
  - TabStrip
  - TileLayout
  - Globalization
  - API
- ListBox
- ListView
- Map
- Menus
- Navigation
- Notification
- Pager
- PDF Export
- PDFViewer
- PivotGridupdated
- Popup
- ProgressBars
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- Spreadsheetupdated
- ToolBar
- Tooltips
- TreeList
- TreeView
- Typography
- Uploads
- Utilities
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / Layout / Card / Display Media /

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

Displaying Media

The Card allows you to display an image or a video within its content.

Media Elements

To set a media element, use the kendoCardMedia directive.

Example

View Source

Change Theme:

Avatars

The Kendo UI for Angular Avatar component helps adding images, icons, or initials.

The following example demonstrates how to use the Avatar in the Card.

Example

View Source

Change Theme:

Suggested Links

API Reference of the Card