Skip to content

Latest commit

 

History

History
23 lines (16 loc) · 678 Bytes

README.md

File metadata and controls

23 lines (16 loc) · 678 Bytes

react-css-filter npm version

A CSS Filter wrapper as a React component.

⚠️ WORK IN PROGRESS!

Usage:

yarn add react-css-filter
  • Import Filter component
  • Declare and pass an effects object with desired filter effects. Please, see CSS Filter documentation for all the options.
import React from 'react'
import Filter from 'react-css-filter'

const App = () => (
  <Filter effects={{'drop-shadow': '2px 2px 3px #08C', sepia: '60%'}}>Forever and a day...</Filter>
)