Vue CardView - CardCover

Configures the card cover.

import { DxCardViewTypes } from "devextreme-vue/card-view"
Type: DxCardViewTypes.CardCover

altExpr

Specifies which data field to use as the alt argument of the cover image.

Selector: alt-expr
Type:

String

|

Function

Function parameters:
data: any

The card's data.

Return Value:

String

The calculated alt attribute.

aspectRatio

Specifies the aspect ratio of the image container.

Selector: aspect-ratio
Type:

String

imageExpr

Specifies which data field to use as the src argument of the cover image.

Selector: image-expr
Type:

String

|

Function

Function parameters:
data: any

The card's data.

Return Value:

String

The calculated src attribute.

maxHeight

Specifies the maximum height for the card cover.

Selector: max-height
Type:

Number

template

Specifies a custom template for the card cover.

Type:

template

Template Data:

CardTemplateData

The card's data.