https://github.com/fdmediagroep/fdmg-ts-react-image

ReactJS Image component
https://github.com/fdmediagroep/fdmg-ts-react-image

component enzyme fdmg jest react reactjs tslint typescript typescript2

Last synced: 9 months ago
JSON representation

ReactJS Image component

• Host: GitHub
• URL: https://github.com/fdmediagroep/fdmg-ts-react-image
• Owner: FDMediagroep
• Archived: true
• Created: 2017-11-24T14:49:26.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-05-07T09:00:50.000Z (about 6 years ago)
• Last Synced: 2024-09-27T12:22:36.360Z (over 1 year ago)
• Topics: component, enzyme, fdmg, jest, react, reactjs, tslint, typescript, typescript2
• Language: TypeScript
• Size: 193 KB
• Stars: 2
• Watchers: 9
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
> :exclamation: **DEPRECATED** :exclamation: : Superseded by @fdmg/design-system. See: https://github.com/FDMediagroep/fd-design-system

# fdmg-ts-react-image

[![Build Status](https://travis-ci.org/FDMediagroep/fdmg-ts-react-image.svg?branch=master)](https://travis-ci.org/FDMediagroep/fdmg-ts-react-image)

[![Coverage Status](https://coveralls.io/repos/github/FDMediagroep/fdmg-ts-react-image/badge.svg?branch=master)](https://coveralls.io/github/FDMediagroep/fdmg-ts-react-image?branch=master)

[![npm version](https://badge.fury.io/js/%40fdmg%2Fts-react-image.svg)](https://badge.fury.io/js/%40fdmg%2Fts-react-image)

[![Greenkeeper badge](https://badges.greenkeeper.io/FDMediagroep/fdmg-ts-react-image.svg)](https://greenkeeper.io/)

[ReactJS](https://reactjs.org/) Image component. This component renders an image.

## Installation

- Run `npm i --save-dev @fdmg/ts-react-image`

or

- Run `yarn add @fdmg/ts-react-image --dev`

## Usage

### TypeScript

```

import * as React from 'react';

import Img from 'fdmg-ts-react-image';

export default class foo {

    public state: any;

    public props: any;

    constructor(props: any) {

        super(props);

        this.props = props;

    }

    render() {

        return (

            

        );

    }

}

```

### Resulting HTML

```

    

```