@rmwc/checkbox
Advanced tools
Comparing version 8.0.8 to 14.0.0-alpha.0
@@ -25,4 +25,4 @@ "use strict"; | ||
var children = props.children, className = props.className, label = props.label, style = props.style, indeterminate = props.indeterminate, inputRef = props.inputRef, foundationRef = props.foundationRef, rest = tslib_1.__rest(props, ["children", "className", "label", "style", "indeterminate", "inputRef", "foundationRef"]); | ||
var checkbox = (react_1.default.createElement(CheckboxRoot, tslib_1.__assign({}, rootEl.props(tslib_1.__assign({ checked: rest.checked, indeterminate: indeterminate }, toggleRootProps)), { ref: base_1.mergeRefs(rootEl.setRef, ref) }), | ||
react_1.default.createElement("input", tslib_1.__assign({}, checkboxEl.props(tslib_1.__assign(tslib_1.__assign({}, rest), { className: 'mdc-checkbox__native-control' })), { type: "checkbox", ref: base_1.mergeRefs(checkboxEl.setRef, inputRef), id: id })), | ||
var checkbox = (react_1.default.createElement(CheckboxRoot, tslib_1.__assign({}, rootEl.props(tslib_1.__assign({ checked: rest.checked, indeterminate: indeterminate }, toggleRootProps)), { ref: base_1.mergeRefs(rootEl.reactRef, ref) }), | ||
react_1.default.createElement("input", tslib_1.__assign({}, checkboxEl.props(tslib_1.__assign(tslib_1.__assign({}, rest), { className: 'mdc-checkbox__native-control' })), { type: "checkbox", ref: base_1.mergeRefs(checkboxEl.reactRef, inputRef), id: id })), | ||
react_1.default.createElement(CheckboxBackground, null), | ||
@@ -29,0 +29,0 @@ react_1.default.createElement(CheckboxRipple, null))); |
@@ -1,3 +0,3 @@ | ||
/// <reference types="react" /> | ||
export default function Readme(): JSX.Element; | ||
export declare const galleryExample: JSX.Element; | ||
import React from 'react'; | ||
export default function Readme(): React.JSX.Element; | ||
export declare const galleryExample: React.JSX.Element; |
@@ -22,4 +22,4 @@ import { __assign, __rest } from "tslib"; | ||
var children = props.children, className = props.className, label = props.label, style = props.style, indeterminate = props.indeterminate, inputRef = props.inputRef, foundationRef = props.foundationRef, rest = __rest(props, ["children", "className", "label", "style", "indeterminate", "inputRef", "foundationRef"]); | ||
var checkbox = (React.createElement(CheckboxRoot, __assign({}, rootEl.props(__assign({ checked: rest.checked, indeterminate: indeterminate }, toggleRootProps)), { ref: mergeRefs(rootEl.setRef, ref) }), | ||
React.createElement("input", __assign({}, checkboxEl.props(__assign(__assign({}, rest), { className: 'mdc-checkbox__native-control' })), { type: "checkbox", ref: mergeRefs(checkboxEl.setRef, inputRef), id: id })), | ||
var checkbox = (React.createElement(CheckboxRoot, __assign({}, rootEl.props(__assign({ checked: rest.checked, indeterminate: indeterminate }, toggleRootProps)), { ref: mergeRefs(rootEl.reactRef, ref) }), | ||
React.createElement("input", __assign({}, checkboxEl.props(__assign(__assign({}, rest), { className: 'mdc-checkbox__native-control' })), { type: "checkbox", ref: mergeRefs(checkboxEl.reactRef, inputRef), id: id })), | ||
React.createElement(CheckboxBackground, null), | ||
@@ -26,0 +26,0 @@ React.createElement(CheckboxRipple, null))); |
@@ -1,3 +0,3 @@ | ||
/// <reference types="react" /> | ||
export default function Readme(): JSX.Element; | ||
export declare const galleryExample: JSX.Element; | ||
import React from 'react'; | ||
export default function Readme(): React.JSX.Element; | ||
export declare const galleryExample: React.JSX.Element; |
{ | ||
"name": "@rmwc/checkbox", | ||
"version": "8.0.8", | ||
"version": "14.0.0-alpha.0", | ||
"description": "RMWC Checkbox component", | ||
@@ -39,11 +39,11 @@ "main": "dist/index.js", | ||
"dependencies": { | ||
"@material/checkbox": "^8.0.0", | ||
"@material/form-field": "^8.0.0", | ||
"@rmwc/base": "^8.0.8", | ||
"@rmwc/formfield": "^8.0.8", | ||
"@rmwc/ripple": "^8.0.8", | ||
"@rmwc/toggleable": "^8.0.8", | ||
"@rmwc/types": "^8.0.8" | ||
"@material/checkbox": "^14.0.0", | ||
"@material/form-field": "^14.0.0", | ||
"@rmwc/base": "^14.0.0-alpha.0", | ||
"@rmwc/formfield": "^14.0.0-alpha.0", | ||
"@rmwc/ripple": "^14.0.0-alpha.0", | ||
"@rmwc/toggleable": "^14.0.0-alpha.0", | ||
"@rmwc/types": "^14.0.0-alpha.0" | ||
}, | ||
"gitHead": "d9befec0e3b258864b71686eecd16c16feb43cf1" | ||
} |
@@ -16,12 +16,14 @@ # Checkboxes | ||
```jsx | ||
function Example() { | ||
const [checked, setChecked] = React.useState(false); | ||
return ( | ||
<Checkbox | ||
label="Cookies" | ||
checked={checked} | ||
onChange={(evt) => setChecked(!!evt.currentTarget.checked)} | ||
/> | ||
); | ||
} | ||
<> | ||
{function Example() { | ||
const [checked, setChecked] = React.useState(false); | ||
return ( | ||
<Checkbox | ||
label="Cookies" | ||
checked={checked} | ||
onChange={(evt) => setChecked(!!evt.currentTarget.checked)} | ||
/> | ||
); | ||
}} | ||
</> | ||
``` | ||
@@ -28,0 +30,0 @@ |
Sorry, the diff of this file is not supported yet
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
26763
459
57
3
+ Added@material/animation@14.0.0(transitive)
+ Added@material/base@14.0.0(transitive)
+ Added@material/checkbox@14.0.0(transitive)
+ Added@material/density@14.0.0(transitive)
+ Added@material/dom@14.0.0(transitive)
+ Added@material/feature-targeting@14.0.0(transitive)
+ Added@material/focus-ring@14.0.0(transitive)
+ Added@material/form-field@14.0.0(transitive)
+ Added@material/ripple@14.0.0(transitive)
+ Added@material/rtl@14.0.0(transitive)
+ Added@material/theme@14.0.0(transitive)
+ Added@material/touch-target@14.0.0(transitive)
+ Added@material/typography@14.0.0(transitive)
+ Added@rmwc/base@14.3.5(transitive)
+ Added@rmwc/formfield@14.3.5(transitive)
+ Added@rmwc/provider@14.3.5(transitive)
+ Added@rmwc/ripple@14.3.5(transitive)
+ Added@rmwc/toggleable@14.3.5(transitive)
+ Added@rmwc/types@14.3.5(transitive)
- Removed@material/animation@8.0.0(transitive)
- Removed@material/base@8.0.0(transitive)
- Removed@material/checkbox@8.0.0(transitive)
- Removed@material/density@8.0.0(transitive)
- Removed@material/dom@8.0.0(transitive)
- Removed@material/feature-targeting@8.0.0(transitive)
- Removed@material/form-field@8.0.0(transitive)
- Removed@material/ripple@8.0.0(transitive)
- Removed@material/rtl@8.0.0(transitive)
- Removed@material/theme@8.0.0(transitive)
- Removed@material/touch-target@8.0.0(transitive)
- Removed@material/typography@8.0.0(transitive)
- Removed@rmwc/base@8.0.8(transitive)
- Removed@rmwc/formfield@8.0.8(transitive)
- Removed@rmwc/provider@8.0.8(transitive)
- Removed@rmwc/ripple@8.0.8(transitive)
- Removed@rmwc/toggleable@8.0.8(transitive)
- Removed@rmwc/types@8.0.8(transitive)
- Removed@types/classnames@2.3.4(transitive)
- Removedtslib@1.14.1(transitive)
Updated@material/checkbox@^14.0.0
Updated@material/form-field@^14.0.0
Updated@rmwc/base@^14.0.0-alpha.0
Updated@rmwc/ripple@^14.0.0-alpha.0
Updated@rmwc/types@^14.0.0-alpha.0