New to KendoReactStart a free 30-day trial

Definition

Package:@progress/kendo-react-layout

Properties

children?

ReactNode

Sets the CardActions children elements.

Example:
jsx
<CardActions>
  <Button>Action 1</Button>
  <Button>Action 2</Button>
</CardActions>

Sets additional classes to the CardActions.

Example:
jsx
<CardActions className="custom-class">
  <Button>Action</Button>
</CardActions>

layout?

string

Sets the layout of the actions.

The supported values are:

  • (Default) start
  • center
  • end
  • stretched
Example:
jsx
<CardActions layout="center">
  <Button>Action</Button>
</CardActions>

Specifies the orientation of the Card action buttons.

The possible values are:

  • (Default) horizontal
  • vertical
Example:
jsx
<CardActions orientation="vertical">
  <Button>Action</Button>
</CardActions>

style?

CSSProperties

Sets additional CSS styles to the CardActions.

Example:
jsx
<CardActions style={{ justifyContent: 'center' }}>
  <Button>Action</Button>
</CardActions>