0.0.2 • Published 6 years ago
lms-btn v0.0.2
Material Button (Angular)
Angular Material Button
Installation
Install lms-btn with npm:
$ npm install --save lms-btnUsage
<lms-button
disabled="false"
buttonText="Save"
(click)="save()">
</lms-button>Steps to Follow
- Install Angular Material.
$ ng add @angular/material@8.2.3- Import
lms-btnmodule inapp.module.tsfile.
import { BtnModule } from 'lms-btn';
imports: [
...,
BtnModule
],- In
app.component.html, add the following
<lms-button
disabled="false"
buttonText="Save"
(click)="save()">
</lms-button>- In
app.component.ts, add the following
export class AppComponent {
title = 'app-component';
save() {
console.log('Button Clicked!');
}
}- Final Result looks like

Params
| Name | Type | Description |
|---|---|---|
| disabled | Boolean | Set to true to disable button |
| buttonText | String | Sets label to button |
| click | fn() | Click on Button will call this function |