Angular Material Components for Angular +15 projects in Directorate of Virtual Education
Using npm:
$ npm i ipn-dev-amcYou must to install Angular Material in your project:
$ ng add @angular/materialAdd 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+
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>