0.0.3 • Published 2 years ago
About
This library contains component for button
Install
$npm install kapela-button
Usage
import
import { KapelaButtonComponent } from 'kapela-button';
@Component({
...
imports: [ KapelaButtonComponent],
...
})
dom
<kapela-button></kapela-button>
Attributes
| Nom | Type | default | Comments |
|---|
| label | string | button | Label of the button |
| type | string | button | type of the button, other available : menu, reset, submit |
| disabled | boolean | false | width of logo in |
| visited | boolean | false | Label associated to the |
Events
| Name | Type | Comments |
|---|
| eventClick | EventEmitter<string> | use to handle click event , send the label of button as data |
Directives
import
import { KapelaButtonNolineDirective, KapelaButtonOutlineDirective } from 'kapela-button';
@Component({
...
imports: [ KapelaButtonNolineDirective, KapelaButtonOutlineDirective],
...
})
dom
| selector | usage | Comments |
|---|
| kapela-button-noline | <kapela-button kapela-button-noline></kapela-button> | button without outline |
| kapela-button-outline | <kapela-button kapela-button-outline></kapela-button> | button with outline |