kapela-select
v0.0.4
Published
select component
Downloads
15
Readme
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 |