This package has been deprecated

Author message:

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

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

1.0.10 • Public • Published

Build Status Coverage Status

npm version

fdmg-ts-react-linked-image

ReactJS LinkedImage component. This component renders an image with a link.

Installation

  • Run npm i --save-dev fdmg-ts-react-linked-image

or

  • Run yarn add fdmg-ts-react-linked-image --dev

Usage

TypeScript

import * as React from 'react';
import LinkedImage from 'fdmg-ts-react-linked-image';

export default class foo {
    public state: any;
    public props: any;

    constructor(props: any) {
        super(props);
        this.props = props;
    }
    
    clickHandler(event) {
        console.info('Clicked');
    }

    render() {
        return (
            <LinkedImage
                className="css-class-name"
                target="newWindow"
                src={'image.png'}
                href={'https://fd.nl'}
                onClick={this.clickHandler.bind(this)}
                alt="FD.nl logo"
                ariaLabel="Shows this text as aria-label or uses alt text when this props is not set"
            />
        );
    }
}

Resulting HTML

<a href="https://fd.nl" target="newWindow" class="css-class-name" aria-label="Shows this text as aria-label or uses alt text when this props is not set">
    <img src="image.png" alt="FD.nl logo"/>
</a>

Readme

Keywords

none

Package Sidebar

Install

npm i fdmg-ts-react-linked-image

Weekly Downloads

2

Version

1.0.10

License

ISC

Last publish

Collaborators

  • willem_liu