@aappddeevv/dynamics-client-ui
Version:
## What is it? A library to help you create great dynamics applications.
25 lines • 1.19 kB
JavaScript
;
/** Very plain checkbox. */
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = require("react");
const cx = require("classnames");
/**
* On change takes (checked status, id, evt).
*/
exports.Checkbox = (props) => {
const { className, labelBefore, onChange, checked, label } = props, rest = tslib_1.__rest(props, ["className", "labelBefore", "onChange", "checked", "label"]);
const id = props.id || label;
const title = props.title || label;
const before = (labelBefore) ? React.createElement("label", { htmlFor: id }, label) : null;
const after = (!labelBefore) ? React.createElement("label", { htmlFor: id }, label) : null;
return (React.createElement("div", { className: cx(className), style: { verticalAlign: "middle" }, title: title },
before,
React.createElement("input", { id: id, type: "checkbox", style: { verticalAlign: "middle" }, checked: checked, onChange: e => {
if (onChange)
onChange(e.target.checked, id, e);
} }),
after));
};
exports.default = exports.Checkbox;
//# sourceMappingURL=Checkbox.js.map