0.0.2 • Published 4 years ago
lms-btn v0.0.2
Material Button (Angular)
Angular Material Button
Installation
Install lms-btn with npm:
$ npm install --save lms-btn
Usage
<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-btn
module inapp.module.ts
file.
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 |