# elementor/3.8.0-beta1/app/assets/js/ui/card/card.js

Elementor Website Builder – more than just a page builder, version 3.8.0-beta1. 40 lines.

- Page: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/assets/js/ui/card/card.js
- Raw: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/raw/app/assets/js/ui/card/card.js
- Modified: 2022-09-19T16:26:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/assets/js/ui/card/card.js#L10-L20`.

```javascript
import CardHeader from './card-header';
import CardBody from './card-body';
import CardImage from './card-image';
import CardOverlay from './card-overlay';
import CardFooter from './card-footer';
import CardHeadline from './card-headline';
import CardDivider from './card-divider';

import './card.scss';

const Card = React.forwardRef( ( props, ref ) => {
	return (
		<article className={ `eps-card ${ props.className }` } ref={ ref }>
			{ props.children }
		</article>
	);
} );

Card.propTypes = {
	type: PropTypes.string,
	className: PropTypes.string,
	children: PropTypes.any,
};

Card.defaultProps = {
	className: '',
};

Card.displayName = 'Card';

Card.Header = CardHeader;
Card.Body = CardBody;
Card.Image = CardImage;
Card.Overlay = CardOverlay;
Card.Footer = CardFooter;
Card.Headline = CardHeadline;
Card.Divider = CardDivider;

export default Card;

```