fdmg-ts-react-image-button
ReactJS ImageButton component. This component renders an image with onClick hook.
Installation
- Run
npm i --save-dev fdmg-ts-react-image-button
or
- Run
yarn add fdmg-ts-react-image-button --dev
Usage
TypeScript
import * as React from 'react';
import ImageButton from 'fdmg-ts-react-image-button';
export default class foo {
public state: any;
public props: any;
constructor(props: any) {
super(props);
this.props = props;
}
clickHandler() {
console.info('Image button clicked');
}
render() {
return (
<ImageButton
src={"img/button.svg"}
onClick={this.clickHandler.bind(this)}
className="image-btn btn"
alt="Special button"
/>
);
}
}
Resulting HTML
<span class="image-btn btn"
role="button"
tabIndex="0"
aria-label="Special button">
<img alt="Special button" src="img/button.svg"/>
</span>