1.3.6 • Published 11 months ago
Last release11 months ago
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 |