styled-props | Simple lib that allows you to set styled props | Frontend Utils library

styled-props is a JavaScript library typically used in User Interface, Frontend Utils, React, Next.js applications. styled-props has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can install using 'npm i styled-props' or download it from GitHub, npm.

Simple lib that allows you to set styled props in your styled-components without stress. Let's take Button component from styled-components web page. Here it is:. Now you can simply write. But your application is probably much bigger than single button. And you want to keep your colors, sizes etc. in one place. So let's create simple styles.js file. styles.js file is cool because you can access them anywhere! You can also generate some style guides and of course keep all information in one place. IMPORTANT It is better to use singular forms for keys. In bind mode keys are used to set fallbacks so color is better than colors as a prop. So how can I help? styled-props package exports single function called styledProps. You can use it in all your components.