DevComponents

Angular Material Components for Angular +15 projects in Directorate of Virtual Education

Installation

Using npm:

$ npm i ipn-dev-amc

You must to install Angular Material in your project:

$ ng add @angular/material

Add prebuild theme to your style.scss

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

Available themes are:

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
@import '~@angular/material/prebuilt-themes/pink-bluegrey.css';
@import '~@angular/material/prebuilt-themes/purple-green.css';

Note: Requires Angular 15+

Usage

Import the component you want to use in your module

import { AmButtonModule } from 'ipn-dev-amc';
// Other imports
...

@NgModule({
  declarations: [...],
  imports: [
    AmButtonModule,
    //Other imports
    ...
    ],
  providers: [],
  bootstrap: [...],
})

export class MyModule {}

Add component in your html

<lib-am-button
  [color]="'primary'"
  [text]="'Click me'"
  [disabled]="false"
  [isLoading]="false"
  [icon]="'add'"
  [customClasses]="my-custom-class"
  (clicked)="clickButton()"
></lib-am-button>