An open API service indexing awesome lists of open source software.

https://github.com/shubham9069/shadow_ui_react

React.js | TypeScript | Npm package | rollup/bundler | MicroFrontend Architecture
https://github.com/shubham9069/shadow_ui_react

ui-libary

Last synced: 3 months ago
JSON representation

React.js | TypeScript | Npm package | rollup/bundler | MicroFrontend Architecture

Awesome Lists containing this project

README

        

# SHADOW-UI PACKAGE BUNDLE


shadow-ui

## Related Link

- [Demo ](https://shadow-ui-react-example.vercel.app/)
- [NPM](https://www.npmjs.com/package/shadow-ui-react)
- [Exapmle Repo](https://github.com/shubham9069/Shadow-UI-React-Example)
- [Main Repo](https://github.com/shubham9069/SHADOW_UI_REACT)

To install this package into another application as part of its production build steps, you can follow these general steps:-


**1. Run npm install:**
during the production build process, run npm install to install dependencies. npm will fetch the package specified in the package.json and install it into the node_modules directory of your project.


**2. Include the Package in Your Project:**
Run this command


```bash
npm install
```

**3. Install Expernal dependencies:**
You need to install some external dependencies for some component like Shadow-ui-sidebar contain react-router-dom, shadow-ui-chart contain highchart library here is dependencies give below:-



![image](https://github.com/shubham9069/SHADOW_UI_REACT/assets/101730475/5dd322fd-255a-45cf-9d49-a78a67c26067)

**4.Import CSS:**
Import the Path of css file from Package folder in index.js line look like this


```bash
import "shadow-ui-react/index.css
```