This library contains the Category Selector control
- npm install @mx-cartographer/categories
CategorySelector
must be wrapped by CategoryDataProvider
in order for it to have access to the CategoryStore
import { ApiEndpoints, CategoryApi, CategoryStore } from '@mx-cartographer/common'
import { CategoryDataProvider, CategorySelector } from '@mx-cartographer/categories'
export const Example = () => {
const store = new CategoryStore()
store.initialize(new CategoryApi('/', ''))
const handleSelected = (guid: string) => {
// Some action when category is selected
}
return (
<CategoryDataProvider onEvent={handleEvent} onSelected={handleSelected} store={store}>
<CategorySelector />
</CategoryDataProvider>
)
}
-
initialSelected: string
Set an initially selected category -
showSelected: boolean
Whether or not a checkmark should display on selected categories -
unselectable: string[]
An array of category guids that should not be selectable -
unselectableText: string
Specify what text to show on the tag displayed on unselectable rows (Default is 'Unselectable')