Trying to get the Footer option in the TagPicker, but it does not seems to work, how to get the Footer in TagPicker
const pickerSuggestionsProps = {
suggestionsHeaderText: "suggestedResults",
noResultsFoundText:"resultsNotfound",
isResultsFooterVisible : true,
resultsFooter: () => <div>Hello world</div>
}
<TagPicker
removeButtonAriaLabel="Remove"
selectionAriaLabel="Selected Lookups"
onResolveSuggestions={filterSuggestedTags}
getTextFromItem={getTextFromItem}
pickerSuggestionsProps={pickerSuggestionsProps}
itemLimit={1}
inputProps={{
id: "id",
}}
onEmptyInputFocus={(tagList) => onEmptyInputFocus('', tagList, testTags)}
defaultSelectedItems={selectedItems}
onChange={onTagsChange}
selectedItems = {selectedItems}
onItemSelected={onItemSelected}
onRenderSuggestionsItem={onRenderSuggestionsItem}
/>
