https://github.com/smiled0g/react-focal-point
🔍 React component that does that masking for tutorial / walkthrough with multiple focus points.
https://github.com/smiled0g/react-focal-point
focus react tutorial walkthrough
Last synced: 6 months ago
JSON representation
🔍 React component that does that masking for tutorial / walkthrough with multiple focus points.
- Host: GitHub
- URL: https://github.com/smiled0g/react-focal-point
- Owner: smiled0g
- Created: 2019-03-15T04:52:26.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-03-16T05:33:03.000Z (over 7 years ago)
- Last Synced: 2025-10-01T18:35:16.000Z (9 months ago)
- Topics: focus, react, tutorial, walkthrough
- Language: JavaScript
- Homepage:
- Size: 197 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-focal-point
> React component that does that masking for tutorial / walkthrough with multiple focus points.
[](https://www.npmjs.com/package/react-focal-point) [](https://standardjs.com)
## Install
```bash
yarn add react-focal-point
```
## Usage
```jsx
import React from 'react'
import FocalPoint from 'react-focal-point'
class Example extends React.Component {
render() {
return (
Amet est labore non nisi nulla ullamco dolor exercitation cupidatat ad
excepteur commodo ut. Non fugiat ipsum amet ullamco irure ullamco
ullamco cillum. Enim labore minim adipisicing laboris minim amet anim
esse consectetur esse laborum Lorem dolor excepteur. Pariatur elit non
sit non aliquip irure est.
Et irure aute et consequat eu laborum exercitation. Amet elit dolore
magna proident occaecat duis duis dolore eiusmod adipisicing. Ullamco
fugiat Lorem magna et fugiat voluptate minim duis cillum cupidatat
consectetur mollit. Ullamco duis culpa sit ipsum elit est labore id
labore aute voluptate.
)
}
}
```
## License
MIT © [smiled0g](https://github.com/smiled0g)