New to KendoReactLearn about KendoReact Free.

CardProps

NameTypeDefaultDescription

children?

React.ReactNode

Sets the Card children elements.

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

className?

string

Sets additional classes to the Card.

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

dir?

string

Sets the dir of the Card.

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

orientation?

string

Sets the orientation of the Card.

The supported values are:

  • horizontal - Default
  • vertical
jsx
<Card orientation="vertical">Content</Card>

style?

React.CSSProperties

Sets additional CSS styles to the Card.

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

type?

string

Sets the type of the Card.

The supported values are:

  • default
  • primary
  • info
  • success
  • warning
  • error
jsx
<Card type="primary">Content</Card>
Not finding the help you need?
Contact Support