Searchable List

Renders a search bar with checkboxes and a validation button

• Import

  import { SearchableList } from '@smile/haring-react';
• Source View Source Code
• Package @smile/haring-react
• Storybook Storybook

Storybook Docs

Props

T extends ICheckbox

Name	Type	Default	Description
checkboxes	T[]	-	Object array that displays a list of checkboxes with their values and labels in different rows if they are activated or not.
buttonLabel	string	"Validate changes"	Label of button
onClickButton	((checkboxes: T[]) => void)	-	Called when the confirm button is clicked
placeholder	string	"Search in options"	placeholder of input text

ICheckbox

Attribute	Type	Description
active	boolean	Controlled value that determines if the Checkbox is checked or not
id *	number | string	Id of the checkbox
label: *	'string'	Label of the Checkbox