@vonage/vivid-react/VwcSlider/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-slider",
 "path": "./../node_modules/@vonage/vwc-slider/src/vwc-slider.ts",
 "description": "This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider)",
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult[]"
  },
  {
   "name": "min",
   "type": "number",
   "bindable": false
  },
  {
   "name": "max",
   "type": "number",
   "bindable": false
  },
  {
   "name": "value",
   "type": "number",
   "bindable": false
  },
  {
   "name": "step",
   "type": "number",
   "bindable": false
  },
  {
   "name": "disabled",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "pin",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "markers",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "ariaLabel",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "ariaLabelledBy",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "shadowRootOptions",
   "type": "ShadowRootInit",
   "bindable": false
  },
  {
   "name": "ripple",
   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
   "type": "Promise<RippleInterface | null> | undefined"
  }
 ],
 "events": [
  {
   "name": "change"
  },
  {
   "name": "input"
  },
  "change"
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-slider'


/** This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider) 
* @param {number} min  
* @param {number} max  
* @param {number} value  
* @param {number} step  
* @param {boolean} disabled  
* @param {boolean} pin  
* @param {boolean} markers  
* @param {string | undefined} ariaLabel  
* @param {string | undefined} ariaLabelledBy  
* @param {ShadowRootInit} shadowRootOptions  
*/
const VwcSlider = wrapper('vwc-slider',  {
    events: [{"name":"change","propName":"onChange"},{"name":"input"}],
    attributes: [],
    properties: []
});

VwcSlider.propTypes = {
  onChange: PropTypes.func,
  onInput: PropTypes.func,
  onChange: PropTypes.func,
  min: PropTypes.number,
  max: PropTypes.number,
  value: PropTypes.number,
  step: PropTypes.number,
  disabled: PropTypes.bool,
  pin: PropTypes.bool,
  markers: PropTypes.bool,
  ariaLabel: PropTypes.string,
  ariaLabelledBy: PropTypes.string,
  shadowRootOptions: PropTypes.any /* ShadowRootInit */
}

VwcSlider.defaultProps = {

}

VwcSlider.displayName = 'VwcSlider'



export default VwcSlider