@bmat/angular

This is a set an Angular library that provides reusable classes that follow BMAT style guide. It has been writed using Typescript.

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@bmat/angular
Minified + gzip package size for @bmat/angular in KB

Readme

Readme

This is a set an Angular library that provides reusable classes that follow BMAT style guide. It has been writed using Typescript.

Installation

From the source folder, run

npm install

This package uses @bmat/fonts and @bmat/icons packages. They are not included in the package as dependencies because they can be re-imported in other @bmat/* packages or published in a CDN.

Testing

Once installed, run

npm run test

Inside the coverage folder, you can find both a HTML and a JSON coverage report.

Linting

Both Typescript and SASS files can be linted. For Typescript, run Once installed, run

npm run lint

For SASS, run

npm run lint:sass

Building

You can build the app using

npm run build

This will compile SASS styles, embedd templates and styles inside Angular components and output to lib folder.

Inside package.json, you can find the subtasks of build.

Provided classes

Components

| Module | Component | Status | | --- | --- | --- | --- | | Data-Table | Data-Table | In progress | | Forms | Checkbox | In progress | | Forms | Duration Input | Done | | Forms | File Uploader | Done | | Forms | Radio Button | Done | | Forms | Search Input | In progress | | Forms | Multiselect | In progress | | Layout | Sidenav layout | In progress | | Media Players | Audio Player | In progress | | Shared | Progress bar | Done | | Widgets | Header User options | Done | | Widgets | Powered By BMAT | Done | | Widgets | User portrait | Done |

Directives

| Module | Component | Status | | --- | --- | --- | --- | | Widgets | Icon button | Done |

Services

Pipes

| Module | Component | Status | | --- | --- | --- | --- | | Shared | Format Duration | Done |

DemoApp

This package includes a demo page. Run

npm run start

and open http://localhost:4200

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.