https://github.com/nagelflorian/react-duotone

React Duotone Component
https://github.com/nagelflorian/react-duotone

duotone image-processing react react-component

Last synced: 3 months ago
JSON representation

React Duotone Component

• Host: GitHub
• URL: https://github.com/nagelflorian/react-duotone
• Owner: nagelflorian
• License: mit
• Created: 2016-09-29T16:49:36.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2024-04-29T16:04:33.000Z (9 months ago)
• Last Synced: 2024-04-29T17:28:17.712Z (9 months ago)
• Topics: duotone, image-processing, react, react-component
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/react-duotone
• Size: 1.89 MB
• Stars: 29
• Watchers: 3
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Duotone [![Build Status](https://github.com/nagelflorian/react-duotone/actions/workflows/main.yml/badge.svg)](https://github.com/nagelflorian/react-duotone/actions) ![[Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)](https://img.shields.io/badge/code--style-airbnb-blue.svg) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

![Example Duotone Image](https://cloud.githubusercontent.com/assets/7649376/19024780/e0fac730-890b-11e6-9640-1e2f604614e3.png)

## Installation

```

npm install --save react-duotone

```

## How to use

```JavaScript

import React, { Component } from 'react';

import { render } from 'react-dom';

import { DuotoneImage } from 'react-duotone';

class App extends Component {

  render() {

    return ;

  }

}

render(, document.getElementById('app'));

```

## Examples

```

npm install

npm start

```