@craftzing/angular-ui-library

FodUiLibrary

Installation

Run npm i @craftzing/angular-ui-library.

Next, install the dependencies the library is using:

npm i @angular/cdk @popperjs/core ng2-date-picker dayjs

Styles

Add this to the styles.scss file in the root folder of your Angular project

  @import "@craftzing/angular-ui-library/styles";

  # Optionally you can import reset styles for the project
  @import "@craftzing/angular-ui-library/styles/reset";

Using the library

Every component is exposed as a standalone module (similar to angular/material) and as part of the general fod-ui-library. This enables consumers to import the whole library (which will include all components in the application build) or cherry pick only the necessary components.

Eg import { FodUiLibraryModule } from '@craftzing/angular-ui-library' or import { FodButtonModule, FodHeadingModule } from '@craftzing/angular-ui-library'

Setup assets

To set the right path for all the assets of the component library, you have to add the following to your assets configuration in the angular.json file.

{
  "options": {
    // ... other options
    "assets": [
      // ... other assets,
      {
        "glob": "**/*",
        "input": "./node_modules/@craftzing/angular-ui-library/assets",
        "output": "/assets/"
      }
    ]
  }
}