Comments (4)
It's not fully documented yet, but you can view the 1.0.0 storybook here. It's still under heavy development, so if you have any questions or comments for us don't hesitate to reach out either on here or in our slack group
from hedron.
Thanks for the issue report! This is actually a bug, mdShift
is not overriding smShift
because the value for mdShift
is 0
, which is equal to no value. Since hedron thinks there's no value set for mdShift
, it doesn't override smShift
. A workaround for now would be to use a string value for mdShift
.
Like this: https://www.webpackbin.com/bins/-KhYZwKLLE0C5JuNjHik
It's going to spit out a warning when you're in development mode (since it's expecting a number, not a string). But in production mode there will be no error (since PropTypes
aren't used in production).
This issue is not present in hedron >1.0.0
(installable via hedron@next
), since the shift
property can accept strings, numbers, and objects.
from hedron.
I was just playing around but it's good to know that the behavior I was expecting was correct. I will switch to 1.0 now, since that one seems to have a lot of improvements in general 👍
from hedron.
This was resolved via 1.0.0
from hedron.
Related Issues (20)
- Warning: Received `true` for a non-boolean attribute
- Remove Styled Components HOT 1
- Hedron breaks with babel plugin HOT 3
- Media queries not output in the right order HOT 3
- shiftRight={true} not working HOT 1
- New release HOT 2
- Webpack Aliases not working after adding Hedron Next
- width aliases not working HOT 2
- Hedron v2.0.0
- CamelCase Css properties get ignored in breakpoints. HOT 2
- Remove console.log HOT 1
- Tag/release latest version to npm HOT 6
- Error: Can't resolve 'styled-components' HOT 8
- A fourth breakpoint. HOT 5
- [v1] naming proposal HOT 2
- [v1] support width aliases
- 'View interactive example on webpackbin' link is broken in README
- React version
- Having a prop for setting the gap between columns HOT 3
- Outdated peer dependencies HOT 4
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 hedron.