Flow Dashboard

The Flow dashboard is built on the Flow design framework (website / github)

Installation

1️⃣ Install flow dashboard dependency

npm i --save @nonfx/flow-dashboard

Note: after installation, re-start your application.

2️⃣ Import flow-dashboard into your project

Paste the below snippet in your project and add your application startup/runtime code to it.

import "@nonfx/flow-core";
import "@nonfx/flow-dashboard";

3️⃣ For a typescript enabled project (optional)

Note: After adding, re-start your application. Make sure you are using version >4.5

For Vue 3: Copy paste below import types in your main.ts file.

import "@nonfx/flow-dashboard/dist/types/vue3";

Copy paste below import types in your main.ts file.

import "@nonfx/flow-dashboard/dist/types/vue2";

React: Include react type in tsconfig.json file like below.

"include": ["src", "./node_modules/@nonfx/flow-dashboard/dist/types/react.ts"]