JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 14
  • Score
    100M100P100Q69991F
  • License MIT

Dashboard as code

Package Exports

  • @nonfx/flow-dashboard
  • @nonfx/flow-dashboard/dist/flow-dashboard.es.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@nonfx/flow-dashboard) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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";
For Vue 2

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

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

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

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