# elementor/3.8.0-beta1/app/modules/onboarding/assets/js/components/checkbox-with-label.js

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

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

```javascript
import Checkbox from '../../../../../assets/js/ui/atoms/checkbox';

export default function CheckBoxWithLabel( props ) {
	return (
		// eslint-disable-next-line jsx-a11y/label-has-for
		<label className="e-onboarding__checkbox-label">
			<Checkbox
				className="e-onboarding__checkbox-input"
				checked={ props.checked }
				onChange={ ( event ) => props.onChangeCallback( event ) }
			/>
			{ props.labelText }
		</label>
	);
}

CheckBoxWithLabel.propTypes = {
	checked: PropTypes.any,
	labelText: PropTypes.string,
	onChangeCallback: PropTypes.func.isRequired,
};

```