@forter/checkbox-search

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