0.0.4 • Published 2 years ago
About
This library contains component for select
Install
$npm install kapela-select
Usage
import
import { KapelaSelectComponent } from 'kapela-select';
@Component({
...
imports: [KapelaSelectComponent],
...
})
dom
<kapela-select></kapela-select>
Model
export class KOptionModel {
value!: string;
label!: string;
selected?: boolean;
}
Attributes
| Nom | Type | default | Comments |
|---|
| id | string | k-select-{sequence} | id of the select |
| name | string | k-select-name-{sequence} | name of the select |
| disabled | boolean | false | set disabled or not the select |
| required | boolean | false | set required or not the select |
| value | any | | value of the select |
| label | string | Default Label | label of the select |
| options | KOptionModel[] | [] | options collection |
| multiple | boolean | false | placehomder of the select multiple or not |
Events
| Name | Type | Comments |
|---|
| valueChanged | EventEmitter<any> | use to handle value change event , send the value as data |
Directives
import
import { KapelaSelectNormalDirective } from 'kapela-select';
@Component({
...
imports: [ KapelaSelectNormalDirective ],
...
})
dom
| selector | usage | Comments |
|---|
| kapela-select-normal | <kapela-select kapela-select-normal></kapela-select> | make to native select |