Selectable List

Renders a vertical list of arbitrary elements, adding a selection checkbox to each row. A controlled array of index values determines which row is currently selected

• Import

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

Storybook Docs

Props

ActionBar takes a <Data> generic type that extends Record<string, unknown>.

Name	Type	Default	Description
children	ReactElement[]	-	Arbitrary array of ReactElements to display as a vertical list
selectedIndexes	number[]	[]	Controlled array of index values, determines which element in the list is shown as selected
onSelectChange	(index: number, isSelected: boolean) => void	-	Called when an element is selected
...	-	-	extends Stack props