@vonage/vivid-react/VwcCheckbox/index.js

Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings

/*
* DO NOT EDIT THIS FILE. IT IS GENERATED
*/
/*
Code in this file were generated using following JSON:
{
 "name": "vwc-checkbox",
 "path": "./../node_modules/@vonage/vwc-checkbox/src/vwc-checkbox.ts",
 "description": "This component is an extension of [<mwc-checkbox>](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox)",
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult[]"
  },
  {
   "name": "checked",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "indeterminate",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "disabled",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "name",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "value",
   "type": "string",
   "bindable": false
  },
  {
   "name": "ariaLabel",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "ariaLabelledBy",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "ariaDescribedBy",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "reducedTouchTarget",
   "description": "Touch target extends beyond visual boundary of a component by default.\nSet to `true` to remove touch target added to the component.",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "isRippleActive"
  },
  {
   "name": "shadowRootOptions",
   "type": "ShadowRootInit",
   "bindable": false
  },
  {
   "name": "ripple",
   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
   "type": "Promise<Ripple | null>"
  }
 ],
 "events": [
  "change"
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-checkbox'


/** This component is an extension of [<mwc-checkbox>](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox) 
* @param {boolean} checked  
* @param {boolean} indeterminate  
* @param {boolean} disabled  
* @param {string | undefined} name  
* @param {string} value  
* @param {string | undefined} ariaLabel  
* @param {string | undefined} ariaLabelledBy  
* @param {string | undefined} ariaDescribedBy  
* @param {boolean} reducedTouchTarget - Touch target extends beyond visual boundary of a component by default.
Set to `true` to remove touch target added to the component. 
* @param {ShadowRootInit} shadowRootOptions  
*/
const VwcCheckbox = wrapper('vwc-checkbox',  {
    events: [{"name":"change","propName":"onChange"}],
    attributes: [],
    properties: []
});

VwcCheckbox.propTypes = {
  onChange: PropTypes.func,
  checked: PropTypes.bool,
  indeterminate: PropTypes.bool,
  disabled: PropTypes.bool,
  name: PropTypes.string,
  value: PropTypes.string,
  ariaLabel: PropTypes.string,
  ariaLabelledBy: PropTypes.string,
  ariaDescribedBy: PropTypes.string,
  reducedTouchTarget: PropTypes.bool,
  shadowRootOptions: PropTypes.any /* ShadowRootInit */
}

VwcCheckbox.defaultProps = {

}

VwcCheckbox.displayName = 'VwcCheckbox'



export default VwcCheckbox