Getting Started

Installation

$ npm i --save react-rich-ui

Import the library stylesheet

From the npm package

Add the following import to your React app index.js file:

import 'react-rich-ui/dist/style.css';

Or from a CDN

Add the following tag to your index.html file: (replace 2.5.2 in the URL with the version you are using)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/react-rich-ui@2.5.2/dist/style.css" />

Saudi DGA Platforms Design CSS

A ready-made css stylesheet compatible with DGA requirements is available here. Please note that you need to load this CSS file along with the base CSS file mentioned above. NOT this alone.

Import Bootstrap (CSS + JS)

Please refer to Bootstrap official website on how to setup Bootstrap >= v5.3.x.

Optional peer dependencies