Wondering what’s next for npm?Check out our public roadmap! »

This package has been deprecated

Author message:

Use @fdmg/ts-react-image-button instead

fdmg-ts-react-image-button
TypeScript icon, indicating that this package has built-in type declarations

1.0.23 • Public • Published

Build Status Coverage Status

npm version

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>

Keywords

none

Install

npm i fdmg-ts-react-image-button

DownloadsWeekly Downloads

8

Version

1.0.23

License

ISC

Last publish

Collaborators

  • avatar