@forter/checkbox-search
v1.3.6
Published
checkbox-search from Forter Components
Readme
fc-searchable-checkbox-list
An element by Forter
Usage
<script>
import '@forter/checkbox-search';
</script>
<fc-checkbox-search limitItems="3" placeholder="Search in 300 sites" .searchabledata="${[{'key': 'Forter', 'value': 10}, {'key': 'Forterinio', 'value': 30}, {'key': 'ForterDeluxe', 'value': 110}, {'key': 'ForterDev', 'value': 100}]}">
</fc-checkbox-search>Properties
| Property | Attribute | Type | Default |
|------------------|------------------|--------------------------------------|---------|
| defaultValues | defaultValues | any[] | |
| disabled | disabled | any | |
| filteredItems | filteredItems | any | |
| limitItems | limitItems | number | 10 |
| loading | loading | TemplateResult \| TemplateResult[] | |
| memory | memory | any | |
| placeholder | placeholder | any | |
| searchPhrase | searchPhrase | string | "" |
| searchabledata | searchabledata | any | |
| selectedItems | selectedItems | any | |
Events
| Event | Description |
|------------|-------------------------------------|
| change | triggers upon change in input value |
| selected | returns selected items |
CSS Custom Properties
| Property | Description |
|------------------------------------------------|---------------------------------|
| --fc-searchable-checkbox-list-disabled-color | disabled color. example: gray |