fluent ui TagPicker show Footer

Contributor
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: getLocale(props.pageactions, "suggestedResults"),
  noResultsFoundText: getLocale(props.pageactions, "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}
      />

 

0 Replies