@progress/kendo-react-layout
Version:
React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package
77 lines (76 loc) • 1.95 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { cardActionsLayout, cardOrientation } from './Enums.js';
export interface CardActionsProps {
/**
* Sets the CardActions children elements.
*
* @example
* ```jsx
* <CardActions>
* <Button>Action 1</Button>
* <Button>Action 2</Button>
* </CardActions>
* ```
*/
children?: React.ReactNode;
/**
* Sets additional CSS styles to the CardActions.
*
* @example
* ```jsx
* <CardActions style={{ justifyContent: 'center' }}>
* <Button>Action</Button>
* </CardActions>
* ```
*/
style?: React.CSSProperties;
/**
* Sets additional classes to the CardActions.
*
* @example
* ```jsx
* <CardActions className="custom-class">
* <Button>Action</Button>
* </CardActions>
* ```
*/
className?: 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>
* ```
*/
layout?: cardActionsLayout | string;
/**
* Specifies the orientation of the Card action buttons.
*
* The possible values are:
* * (Default) `horizontal`
* * `vertical`
*
* @example
* ```jsx
* <CardActions orientation="vertical">
* <Button>Action</Button>
* </CardActions>
* ```
*/
orientation?: cardOrientation | string;
}