# elementor/3.8.0-beta1/app/modules/onboarding/assets/js/components/card.js

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

- Page: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/modules/onboarding/assets/js/components/card.js
- Raw: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/raw/app/modules/onboarding/assets/js/components/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/modules/onboarding/assets/js/components/card.js#L10-L20`.

```javascript
export default function Card( { image, imageAlt, text, link, name, clickAction } ) {
	const onClick = () => {
		elementorCommon.events.dispatchEvent( {
			event: 'starting canvas click',
			version: '',
			details: {
				placement: elementorAppConfig.onboarding.eventPlacement,
				selection: name,
			},
		} );

		if ( clickAction ) {
			clickAction();
		}
	};

	return (
		<a className="e-onboarding__card" href={ link } onClick={ onClick }>
			<img className="e-onboarding__card-image" src={ image } alt={ imageAlt } />
			<div className="e-onboarding__card-text">{ text }</div>
		</a>
	);
}

Card.propTypes = {
	image: PropTypes.string.isRequired,
	imageAlt: PropTypes.string.isRequired,
	text: PropTypes.string.isRequired,
	link: PropTypes.string.isRequired,
	name: PropTypes.string.isRequired,
	clickAction: PropTypes.func,
};

```