{"repo":"chanzuckerberg/edu-design-system","free":true,"listed":false,"github":"https://github.com/chanzuckerberg/edu-design-system","clone":"git clone https://github.com/chanzuckerberg/edu-design-system.git","description":"Design system for Learning Commons Projects","language":"TypeScript","stars":33,"topics":["design-system","react","style-dictionary"],"license":"MIT","category":"ui-components","readme_excerpt":"Education Design System The Education Design System (EDS) is a repository of building blocks, implementing the Chan Zuckerberg Initiative Education Design System. It contains: - Design Tokens defining the color, sizes, and other details used in the system - Tooling/Configuration for using and updating the tokens in a consuming application - Presentational components implementing the common controls provided by the EDS toolkit - Guidelines for creating recipes using EDS, composing the above components Prerequisites Currently, EDS supports the following: React 17 or above (tested with React 18.x) Tailwind 3.x Installation First, install the package. Setting up EDS in your project Import the EDS stylesheets somewhere in your app root, e.g. an init.ts or app.ts file: Also, include this in your base / reset styles to allow configuation of the pixel-to-rem ratio: Lastly, add or other files to load fonts into your project. EDS provides fallbacks for the three font families, and can support fonts from [Adobe][adobe-fonts], [Google][google-fonts], or other hosting / local sources: [adobe-fonts]: https://helpx.adobe.com/fonts/using/add-fonts-website.html [google-fonts]: https://fonts.google.com/knowledge/using type/using web fonts Theming Setup For more information and configuration options, read the [Theming Overview][theming-docs]. EDS Component Usage Import any of the components from the top-level package: EDS provides a suite of components for use, and documentation for available p","default_branch":null,"files":null,"tree":[],"storefront":"/r/chanzuckerberg","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/chanzuckerberg/edu-design-system/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}