Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 13x 13x 5x 5x | import React from 'react';
import { defaultProps } from './props/defaultProps';
import { propTypes } from './props/propTypes';
import style from './Image.module.css';
export default class Image extends React.Component {
render() {
let { alt, src, className, isCover, title, onClick, dataId, htmlId, eleRef, original, onLoad, onError } = this.props;
return (
<img
src={src}
alt={alt}
data-title={title}
data-id={dataId}
data-test-id={dataId}
className={` ${className} ${isCover ? style.imgFullSize : style.imgMaxFullSize} `}
onClick={onClick}
id={htmlId}
ref={eleRef}
data-original={original}
onLoad={onLoad}
onError={onError}
/>
);
}
}
Image.propTypes = propTypes;
Image.defaultProps = defaultProps;
// if (__DOCS__) {
// Image.docs = {
// componentGroup: 'Atom'
// };
// }
|