Overview

Paragon is a pattern library that provides accessible React components and a SCSS foundation built on Twitter Bootstrap. It is specifically developed for the Open edX platform. The documentation for Paragon can be found at https://paragon-openedx.netlify.app/.

Features

• Accessible React components
• SCSS foundation built on Twitter Bootstrap
• Support for internationalization using react-intl
• Easy installation and integration with Open edX platform

Installation

To install Paragon into your React project, follow these steps:

1. Open the terminal and navigate to your project directory.
2. Use the following command to install Paragon:

   npm install @edx/paragon
   

3. In your React project, include the SCSS foundation by adding the following import statement:

   @import '~@edx/paragon/scss/core';
   

4. You can now start using Paragon’s components in your React project.

Note: Including fonts from Paragon may affect the performance of your application. Consider not loading the custom font if performance is a concern.

Summary

Paragon is a pattern library specifically developed for the Open edX platform. It provides accessible React components and a SCSS foundation built on Twitter Bootstrap. With Paragon, developers can easily integrate and use these components in their React projects. It also supports internationalization using react-intl for localized user interfaces. Installation and usage of Paragon in a React project is straightforward, making it an ideal choice for developers working on the Open edX platform.