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
|