Comments (4)
Hi @yann510,
The demo folder uses the local build of the react-wavify library from the root folder.
Since the actual react-wavify library is not built yet, it complains about not being able to find it.
This can be fixed by running yarn build
in the root folder, and yarn add ../.
in the demo folder.
Alternatively you can install the version from NPM to develop locally by running yarn add react-wavify
in the demo.
Thanks for pointing this out as this repo should be more contributor friendly and I hope to have the time to update this soon to include better instructions in the Readme.
from react-wavify.
Hi @yann510,
For the time being, I likely won't be adding any more demos to the demo site.
However if your interested, PRs are welcome to this repo.
With all that being said, you should be able to use absolute positioning
with 2 wave components in a container, to create a staggered wave effect.
Take a look at this CodeSandbox:
https://codesandbox.io/s/wave-opacity-forked-od829
Its not the exact effect however you can stagger the waves in this way.
from react-wavify.
Hey, I tried to add the double wave to your project in the README, but when I run yarn start
in the demo folder, I'm getting the following error:
Yes, I did install the packages in both the root and demo folder.
from react-wavify.
Thanks for the reply, unfortunately, I'm busy with work these days, and I won't be able to carve time to implement this demo. So I will close the issue.
from react-wavify.
Related Issues (20)
- Warning: Wave: Support for defaultProps will be removed from function components in a future major release. HOT 2
- Small gap after the wave HOT 2
- question about the wave HOT 2
- Is there an option to display single line wave? HOT 5
- Invariant Violation HOT 1
- Add GIF to Readme
- Expose pause and resume methods HOT 1
- Use Markdown Readme to allow npm to display it
- Add npm package keywords
- Action required: Greenkeeper could not be activated 🚨
- An in-range update of rollup is breaking the build 🚨 HOT 5
- Create demo site HOT 1
- An in-range update of rollup is breaking the build 🚨 HOT 3
- An in-range update of rollup is breaking the build 🚨 HOT 2
- I can't change options dynamically HOT 6
- Could not find a declaration file for module 'react-wavify' HOT 4
- Create TypeScript definitions
- Module not found HOT 2
- Put it behind text element HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-wavify.