Skip to content

⚠️ WIP - A CSS Filter wrapper as a React component.

License

Notifications You must be signed in to change notification settings

Blackbriar/react-css-filter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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>
)