A CSS Filter wrapper as a React component.
yarn add react-css-filter- Import Filter component
- Declare and pass an
effectsobject with desired filter effects. Please, see CSS Filter documentation for all the options.
importReactfrom'react'importFilterfrom'react-css-filter'constApp=()=>(<Filtereffects={{'drop-shadow': '2px 2px 3px #08C',sepia: '60%'}}>Forever and a day...</Filter>)