🌈 react-image-shadow
A React image component. Simple realization of image shadow.
📚 Example
Online: https://image-tool.github.io/react-image-shadow/
📦 Install
npm i react-image-shadow
# or
yarn add react-image-shadow🎉 Usage
import ImageShadow from 'react-image-shadow';
import 'react-image-shadow/assets/index.css';
export default () => (
<>
<ImageShadow src="https://github.com/image-tool/react-image-shadow/blob/main/image/red.png?raw=true" />
</>
);📔 API
| Property | Description | Type | Required | Default |
|---|---|---|---|---|
| className | Component extra class. | string | ✖ | - |
| shadowBlur | The shadow blur of the image. | number | ✖ | 20 |
| shadowHover | Whether to support the mouse hover. | boolean | ✖ | false |
| shadowRadius | The border radius of the image. | number | ✖ | 8 |
| src | The src of the image. | string | ✔ | - |
| style | Component extra style. | CSSProperties | ✖ | - |
| width | The width of the image. | number | ✖ | 300 |
🔨 Development
yarn
yarn start
![dependabot-preview[bot] avatar](https://avatars.githubusercontent.com/in/2141?v=4 "dependabot-preview[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent