styled-components
styled-components is a JavaScript library that makes styling React apps enjoyable using the best bits of ES6 and CSS.
Here are 3,982 public repositories matching this topic...
Before opening a new issue, please take a moment to review our community guidelines to make the contribution process easy and effective for everyone involved.
Description
A clear and concise description of what the bug is.
Steps to reproduce
Steps to reproduce the behavior:
(Add link to a dem
We should use https://github.com/jonschlinkert/parse-github-url to intelli
The docs on rebassjs.org are pretty slim when it comes to using forms and the props that are accepted and what they do.
I was able to use inputs and checkboxes without too much effort but wanted to use a Switch in an instance instead of a checkbox. A switch is a ON|OFF Component so it would make sense that in the DOM it would use a checkbox and allow handlers with OnChange but that is not wha
-
Updated
Jun 11, 2020 - JavaScript
I am looking into variants and i feel like its a bit confusing which is the old api and which is the new one?
I feel like I should just be able to drop the variant function onto a component and give it scale="accents" and then if I pass variant="info" then it should look in the theme object for accents and pull the info key inside that yet it doesn't do that unless I write `variants: {
-
Updated
May 7, 2020 - CSS
@diegohaz - i noticed a couple of minor spelling errors on the main site:
Basic stack
It includes everything necessary to build a tipical web app with focus on productivity and developer experience.
Learn more about the recomended workflow
Should be typical, and recommended.
Just an FYI.
Thanks!
-
Updated
May 24, 2020
-
Updated
Aug 6, 2019 - JavaScript
It would be really cool to have a section below in the readme to showcase projects built with RAN, or at least maybe somewhere where people can add links to their projects that they've built with this framework! (SUGGESTION)
-
Updated
Jun 11, 2020 - JavaScript
add defaultValue and value props support for some form like components so that we can control the components switch between controlled and uncontrolled. it was used by some popular UI library like Material UI and antd. I have written a tiny module ([rc-value](https://github.com/beizh
-
Updated
May 16, 2020 - JavaScript
-
Updated
Jun 6, 2020 - JavaScript
next.js template
Create a next.js template, to make it easier for people to adopt it.
-
Updated
Dec 27, 2019 - JavaScript
-
Updated
May 20, 2018 - JavaScript
Currently the documentation is extremely lacking. All there is, is a basic usage example without much explanation. Each component and utility should be carefully documented listing all the accepted arguments along with expected outputs.
-
Updated
Jul 25, 2017 - HTML
const HeaderUser = styled.a`
font-size: 0;
width: 42px;
height: 42px;
flex-shrink: 0;
&:hover {
border: 0;
margin-top: -10px;
padding-top: 7px;
border-top: 3px solid rgb(255, 255, 255);
/* ${HeaderAvatar} {
border: 2px solid rgb(255, 255, 255);
} */
}
`
=>
ERROR in ./clie
What:
If I am a contributor and decide to improve the documentation I cannot do it unless I have an access into Atomic Layout's GitBook organization.
Why:
Current documentation repository is an artifact of the deployed documentation on GitBook. Since the current GitBook is a paid SaaS, as opposite to its previous OSS version, you c
I think it would be nice to add comments to the typescript definitions, using the same documentation as is in this repository. I already did it on local but I don't have the permissions for PR's of course.
This is for the usage with VScode, following the TS doc format:
<img width="1792" alt="スクリーンショット 2019-07-25 9 57 19" src="https://user-images.githubusercontent.com/20631137/61838083-b2e8c
There are two definitions of styled-components installed:
- styled-components_v3.x.x.js - definition for an older version (Orbit already uses 4.x.x)
- [styled-components_vx.x.x.js](https://github.com/kiwicom/orbit-components/blob/master/flow-typed/npm/sty
When using custom node components with a variable width or height, the start and end points of links will not update when the node size changes.
The ports and the link start match up at first
<img width="832" al
-
Updated
Feb 22, 2018 - JavaScript
I think you should explain rConnect in detail instead of just providing a very cryptic example.
I never worked with JS react/redux, but I somehow understand what the function should do. Still the example confuses me, and after one day of playing around with it, I still do not understand what the example tries to explain.
At least explain the purpose of all the types. That's what I unders
Created by Glen Maddern, Max Stoiber
Released October 2016
Latest release 17 days ago
- Repository
- styled-components/styled-components
- Website
- styled-components.com

Feature Request
Add a file named
pull_request_template.mdin the.githubfolder of the repository so that whenever a new PR is opened on the repository it follows the template.