Arb-design NPM

Arb Design Library

Application pre-requisites

Install Node version 16.17.1

Application usage

Step 1: In project directory npm i

Step 2: In same directory run ng build arb-design-library --watch or npm run build arb-design-library --watch

Step 3: To run the project use ng serve or npm start

Implementation Guideline

For your guide we are using Atomic Design please check below link for more information

https://atomicdesign.bradfrost.com/chapter-2

Creating Components

To create atom component you need to go to the /projects/arb-design-library/src/lib/atom

To create molecule component you need to go to the /projects/arb-design-library/src/lib/molecule

Type command ng g c atom-name --inline-style

Creating Directive

To create atom directive you need to go to the /projects/arb-design-library/src/lib/atom

Type command ng g d atom-name --inline-style

Creating Documentation

To create documentation you need to go to the "/projects/arb-design-library"

Type command npm run compodoc

Running unit tests

Run ng test to execute the unit tests via Karma.

Running unit tests for Library

Run npm run test arb-design-library to run unit test for the library components

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.