@forter/searchable-checkbox-list

fc-searchable-checkbox-list

An element by Forter

Usage

<script>
   import '@forter/searchable-checkbox-list';
</script>

<fc-searchable-checkbox-list placeholder="Search in 300 sites" .searchabledata="${['Forter', 'Forterinio', 'ForterDeluxe', 'ForterDev']}">
</fc-searchable-checkbox-list>

Properties

Property	Attribute	Type
disabled	disabled	boolean
filteredItems	filteredItems	any[]
loading	loading	TemplateResult | TemplateResult[]
placeholder	placeholder	string
searchabledata	searchabledata	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