@forter/checkbox-search
v1.3.6
Published
checkbox-search from Forter Components
Downloads
4
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
|