Image.js 599 B

123
  1. import React from'react';import Module from'../Module';import'./Image.css';class Image extends Module{constructor(a){super(a),this.state={src:this.src.value},this.src.onUpdate(a=>this.setState({src:a}))}render(){return[React.createElement('div',{key:1,style:{backgroundImage:`url(${this.state.src})`},className:'adaptableImage'}),super.render()]}}Image.EditPosition='center',Image.Inputs={// ADD Extensions
  2. // ...ExtendedModule.Inputs
  3. src:{type:Module.Types.Link,required:!0,defaultValue:'https://xsisupport.files.wordpress.com/2015/02/no_icon_rgb.jpg'}},Image.Category='Basic';export default Image;