Styled System

Responsive, theme-based style props for building design systems with React

Style props for rapid UI development

Explore the docs »

Report Bug - Request Feature

Table Of Contents

• About the Project
• Built With
• Getting Started
  • Installation
• Roadmap
• Contributing
• License
• Authors
• Acknowledgements

About The Project

This is a continuation of the work done by jxnblk.

The project is a set of addons for styling and live updating components based on a prop architecture rather than using pure styled-components or other styling format.

Currently, I can only confirm that anything pre V1 will work with styled-components v5.

V1 and up will work with styled-components V6.

Hopefully on the V2 branch we can confirm that emotion works without errors.

Built With

This project has been built using a couple of tools from my Techstack repo, feel free to check that out.

Getting Started

To add this to your project follow the info below.

Installation

npm install @techstack/styled-system

yarn add @techstack/styled-system

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

• If you have suggestions for adding or removing projects, feel free to open an issue to discuss it, or directly create a pull request after you edit the README.md file with necessary changes.
• Please make sure you check your spelling and grammar.
• Create individual PR for each suggestion.
• Please also read through the Code Of Conduct before posting your first idea as well.

Creating A Pull Request

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Authors

• Andrew Wilson - ReactJs Dev - Andrew Wilson - Repo Owner

Acknowledgements

• ImgShields