Installation

Installation guide that will help you quickly spin up a site using Rachana

Rachana components make use of bootstrap v5.1.3 js library as an external dependency.

Via CSS

<head>
  ...
  <link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/@dgtdept/rachana/css/cgds.css"
  />
  <link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/@dgtdept/rachana/assets/custom-css/style.css"
  />
  ...
</head>

cgds.css
Link to all styles we customized in Rachana.

style.css
Link to customized image and icon in Rachana.

For Vanilla JS

Frontend developers can use npm to download Rachana and use it as a dependency in their projects. Using npm is especially useful when using a module bundler or build tool, such as Webpack.

@dgtdept/rachana uses bootstrap-icons for certain components like Form, but it is not ship with it. Install bootstrap-icons or use CDN if you need it. Please refer to bootstrap-icons for usage instructions.

Via node

          
npm i @dgtdept/rachana bootstrap-icons

If you use a module bundler like Webpack, import cgds in your entry point:

          
import "@dgtdept/rachana/css/cgds.css";

// or get all the named exports for further usage
import * as bootstrap from 'bootstrap';

Via CDN

        
<head>
  ...
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@dgtdept/rachana/css/cgds.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">  
  ...
</head>

<body>
...
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
</body>