https://github.com/nimjetushar/ui-lib

UI library featuring various angular based components
https://github.com/nimjetushar/ui-lib

angular ng-library typescript ui-library webpack

Last synced: about 2 months ago
JSON representation

UI library featuring various angular based components

• Host: GitHub
• URL: https://github.com/nimjetushar/ui-lib
• Owner: nimjetushar
• License: mit
• Created: 2018-11-16T11:27:48.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-02-27T18:48:32.000Z (over 2 years ago)
• Last Synced: 2025-02-25T08:44:40.327Z (over 1 year ago)
• Topics: angular, ng-library, typescript, ui-library, webpack
• Language: TypeScript
• Homepage: https://nimjetushar.github.io/ui-lib/
• Size: 14.2 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# UI Library

[![Website](https://img.shields.io/website-up-down-green-red/https/shields.io.svg?label=my-website)](https://nimjetushar.github.io/ui-lib/)

![npm](https://img.shields.io/npm/v/@fourjs/ng-library)




[![Build Status](https://tushar.semaphoreci.com/badges/ui-lib/branches/master.svg?style=shields&key=2882fe03-a5bd-4891-8484-907ef0ebf8f7)](https://tushar.semaphoreci.com/projects/ui-lib)

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/2f3503831efb41fe9e5cde24acd60be7)](https://www.codacy.com/app/tushar/ui-lib?utm_source=github.com&utm_medium=referral&utm_content=nimjetushar/ui-lib&utm_campaign=Badge_Grade)




[![StackShare](https://img.shields.io/badge/tech-stack-0690fa.svg?style=flat)](https://stackshare.io/nimjetushar/ui-library)

[![GitHub license](https://img.shields.io/github/license/nimjetushar/ui-lib.svg)](https://github.com/nimjetushar/ui-lib/blob/master/LICENSE)

![GitHub pull requests](https://img.shields.io/github/issues-pr/nimjetushar/ui-lib.svg)

## Getting started:

Install library

`npm i @fourjs/ng-library --save`

Note: Install peer dependencies.

`npm install @angular/cdk@16.2.9 @fortawesome/fontawesome-free@6.4.0 --save`

Import NgLibrary into @NgModule




Also import dependent modules

- BrowserAnimationsModule

- HttpClientModule

- FormsModule

```

import { NgLibrary } from '@fourjs/ng-library';

@NgModule({

  declarations: [DemoWrapperComponent],

  imports: [

    NgLibrary,

    BrowserAnimationsModule,

    HttpClientModule,

    FormsModule,

    // other modules imports

    ...

  ]

  ...

})

```

Add `"node_modules/@fourjs/ng-library/styles.css"` into of angular.json

```

{

  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",

  "version": 1,

  "newProjectRoot": "projects",

  "projects": {

    "project-name": {

      "projectType": "application",

      "sourceRoot": "src",

      "prefix": "app",

      "architect": {

        "build": {

          "builder": "@angular-devkit/build-angular:browser",

          "options": {

            ...

            "styles": [

              "src/styles.scss",

              "node_modules/@fourjs/ng-library/styles.css"

            ],

            "scripts": []

          },

          "configurations": {

           ...

          }

        },

        ...

      }

    }},

  "defaultProject": "project-name"

}

```

For API Documentation refer [https://nimjetushar.github.io/ui-lib/](https://nimjetushar.github.io/ui-lib/)

## License

[![GitHub license](https://img.shields.io/github/license/nimjetushar/ui-lib.svg)](https://github.com/nimjetushar/ui-lib/blob/master/LICENSE)