Comments (2)
@TheNicestDev
This is from the display: inline-block
style on the outer div
which allows whitespace characters to make spaces. Not sure why it was done this way initially but I don't want to cause a breaking v2 change by updating this.
To remove it, just add style={{ lineHeight: 0 }}
or style={{ display: 'flex' }}
to the Wavify component.
import React from 'react'
import Wave from 'react-wavify'
const App = () => (
<Wave fill='#f79902'
style={{ lineHeight: 0 }}
paused={false}
options={{
height: 20,
amplitude: 20,
speed: 0.15,
points: 3
}}
/>
)
Let me know if that solves your issue and I'll close this out.
from react-wavify.
Thanks, the style={{ lineHeight: 0 }}
didn't work, but style={{ display: 'flex' }}
did.
from react-wavify.
Related Issues (20)
- Warning: Wave: Support for defaultProps will be removed from function components in a future major release. 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
- Multiple waves demo HOT 4
- 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.