ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / carbonbullionexchange.com / wp-content / plugins / elementor / app / assets / js / ui / atoms

import { arrayToClassName } from 'elementor-app/utils/utils.js';

import './checkbox.scss';

export default function Checkbox( { className, checked, rounded, indeterminate, error, disabled, onChange } ) {
	const baseClassName = 'eps-checkbox',
		classes = [ baseClassName, className ];

if ( rounded ) {
		classes.push( baseClassName + '--rounded' );
	}

if ( indeterminate ) {
		classes.push( baseClassName + '--indeterminate' );
	}

if ( error ) {
		classes.push( baseClassName + '--error' );
	}

return (
		<input
			className={ arrayToClassName( classes ) }
			type="checkbox"
			checked={ checked }
			disabled={ disabled }
			onChange={ onChange }
		/>
	);
}

Checkbox.propTypes = {
	className: PropTypes.string,
	checked: PropTypes.bool,
	disabled: PropTypes.bool,
	indeterminate: PropTypes.bool,
	rounded: PropTypes.bool,
	error: PropTypes.bool,
	onChange: PropTypes.func,
};

Checkbox.defaultProps = {
	className: '',
	checked: null,
	disabled: false,
	indeterminate: false,
	error: false,
	onChange: () => {},
};

[-] icon.js [edit]
[-] checkbox-api.scss [edit]
[-] box.js [edit]
[-] select.js [edit]
[+] ..
[-] text.js [edit]
[-] box.scss [edit]
[-] css-grid.js [edit]
[-] drag-drop.scss [edit]
[-] css-grid.scss [edit]
[-] checkbox.js [edit]
[-] checkbox.scss [edit]
[-] heading.js [edit]
[-] text-field.scss [edit]
[-] text-field.js [edit]
[-] drag-drop.js [edit]