CardProps

Interface

Definition

Package:@progress/kendo-react-layout

ReactNode

Sets the Card child elements.

Example:

jsx

<Card>
  <CardBody>Content</CardBody>
</Card>

string

Sets additional classes to the Card.

Example:

jsx

<Card className="custom-class">Content</Card>

string

Sets the dir of the Card.

Example:

jsx

<Card dir="rtl">Content</Card>

string

Sets the Card orientation.

The supported values are:

Default:

horizontal

Example:

jsx

<Card orientation="vertical">Content</Card>

CSSProperties

Sets additional CSS styles to the Card.

Example:

jsx

<Card style={{ backgroundColor: 'blue' }}>Content</Card>

string

Sets the Card type.

The supported values are:

Default:

default

Example:

jsx

<Card type="primary">Content</Card>