Installation:
npm install react-blur --save
Usage:
import Blur from "react-blur";
Example:
<Blur img="/directory/img.jpg" blurRadius={5} enableStyles>
The content.
</Blur>
Props:
img: The image path.
blurRadius: Optional. The size of the blur radius.
enableStyles: Optional. Flag to include base styles inline, omit this to easily override.
shouldResize: Optional. If the canvas should re-render on resize? Defaults to true.
resizeInterval: Optional. How fast the canvas should re-render on resize? Defaults to 128ms.