{"repo":"openedx/paragon","free":true,"listed":false,"github":"https://github.com/openedx/paragon","clone":"git clone https://github.com/openedx/paragon.git","description":"💎 An accessible, theme-ready design system built for learning applications and Open edX.","language":"JavaScript","stars":138,"topics":["component-library","react-components","accessibility","design-system","react"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"Paragon Purpose Paragon is a pattern library containing accessible React components and a SCSS foundation built on Twitter Bootstrap. Paragon is developed for the Open edX platform. Documentation lives at https://paragon-openedx.netlify.app/. Getting Started Getting Help Please reach out to the Paragon Working Group (PWG): Open edX Slack (request an invite): #wg-paragon Github Issues Weekly PWG Meeting React Components Paragon components require React 16 or higher. To install Paragon into your project: In terminal: In your React project: CSS Foundation Usage with no theme: The Paragon CSS Foundation offers a collection of fundamental styles, encompassing padding, typography, and sizing. When applied, these styles contribute to the creation of a straightforward and neat appearance for your application. To integrate these foundational styles into your project, include the following import: Usage with a theme: In addition to the basic styles, you can provide a theme layer that includes styles for colors, shadows, backgrounds and transparency of elements. This allows you to visually represent a specific theme in your application. To apply these theme-specific styles, include the following import: CDN links: Alternative style integration is available when using CDN links: Paragon CLI The Paragon CLI (Command Line Interface) is a tool that provides various utility commands to automate actions within the Open edX environment. Available Commands - paragon install-theme : Install a br","default_branch":null,"files":null,"tree":[],"storefront":"/r/openedx","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/openedx/paragon/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."}