UNPKG

@aappddeevv/dynamics-client-ui

Version:

## What is it? A library to help you create great dynamics applications.

25 lines 1.19 kB
"use strict"; /** 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