This library contains component for button
$npm install kapela-buttonimport { KapelaButtonComponent } from 'kapela-button';
@Component({
...
imports: [ KapelaButtonComponent],
...
})<kapela-button></kapela-button>| 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 |
| Name | Type | Comments |
|---|---|---|
| eventClick | EventEmitter<string> |
use to handle click event , send the label of button as data |
import { KapelaButtonNolineDirective, KapelaButtonOutlineDirective } from 'kapela-button';
@Component({
...
imports: [ KapelaButtonNolineDirective, KapelaButtonOutlineDirective],
...
})| 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 |