tree: da38fb9a229dcd9c4e449799d8de29cf2393f559 [path history] [tgz]
  1. common/
  2. dialogs/
  3. snackbars/
  4. fluid-design-system.module.js
  5. README.md
nifi-registry-web-ui/src/main/platform/core/README.md

Fluid Design System (FDS)

FDS NiFi Registry UI/UX Platform for layouts, icons, custom components and themes. This should be added as a dependency for any project that wants to use layouts, icons and themes for Angular Material or Teradata Covalent.

The FDS will have custom components that enforce standards and best practices through built-in design patterns.

Setup

Import the [FluidDesignSystemModule] in your NgModule:

var fdsCore = require('@fluid-design-system/core');
NfRegistryAppModule.prototype = {
    constructor: NfRegistryAppModule
};

NfRegistryAppModule.annotations = [
    new ngCore.NgModule({
        imports: [
            fdsCore,
    ...
  ],
  ...
})
...

Styles, Icons and Theming

See theming in the docs for more info (TBD).

FDS NiFi Registry UI/UX Platform comes with a base CSS file @fluid-design-system/core/common/styles/css/fluid-design-system.css (includes icons).