react-image-follow
v1.2.2
Published
A React image component. The image follow with the mouse.
Downloads
4
Readme
🌈 react-image-follow
A React image component. The image follow with the mouse.
📚 Example
Online: https://image-component.github.io/react-image-follow/
🌀 Template
https://github.com/one-template/react-component-template
📦 Install
npm i react-image-follow
# or
yarn add react-image-follow
🎉 Usage
import Imagefollow from 'react-image-follow';
import 'react-image-follow/assets/index.css';
const src =
'https://github.com/image-component/gallery/blob/main/girl/1.jpg?raw=true';
export default () => (
<>
<Imagefollow src={src} />
</>
);
📔 API
| Property | Description | Type | Required | Default | Version | | --------- | ----------------------------------- | ------------- | -------- | ------- | ------- | | alt | The alt of the image. | string | ✖ | - | 1.0.0 | | className | Component extra class. | string | ✖ | - | 1.0.0 | | radius | The border radius of the component. | number | ✖ | 8 | 1.0.0 | | src | The src of the image. | string | ✔ | - | 1.0.0 | | style | Component extra style. | CSSProperties | ✖ | - | 1.0.0 | | href | Component click link | string | ✖ | - | 1.0.0 |
🔨 Development
yarn
yarn start