CategoryAutocomplete

Interfaces

CategoryAutocompleteProps

Extends

• Pick<AutocompleteProps<SCCategoryType | null, any, any, any>, Exclude<keyof AutocompleteProps<SCCategoryType | null, any, any, any>, "open" | "onOpen" | "onClose" | "onChange" | "filterSelectedOptions" | "disableCloseOnSelect" | "options" | "getOptionLabel" | "value" | "selectOnFocus" | "clearOnBlur" | "blurOnSelect" | "handleHomeEndKeys" | "clearIcon" | "noOptionsText" | "isOptionEqualToValue" | "renderTags" | "renderOption" | "renderInput">>

Properties

Property	Type	Description
TextFieldProps?	TextFieldProps	The props applied to text field Default {variant: 'outlined, label: categories_label}
checkboxSelect?	boolean	If checkbox is selected Default false
limitCountCategories?	number	The maximum number of categories that will be visible when not focused. Default 0
onChange?	(value: any) => void	Callback for change event on poll object

Functions

CategoryAutocomplete()

CategoryAutocomplete(inProps): Element

API documentation for the Community-JS Category Autocomplete component. Learn about the available props and the CSS API.

This component renders a bar that allows users to search (with autocomplete) for all the categories available in the application. Take a look at our demo component here

Import

import {CategoryAutocomplete} from '@selfcommunity/react-ui';

Component Name

The name SCCategoryAutocomplete can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCCategoryAutocomplete-root	Styles applied to the root element.

Parameters

Parameter	Type	Description
inProps	CategoryAutocompleteProps

Returns

Element

Source

packages/react-ui/src/components/CategoryAutocomplete/CategoryAutocomplete.tsx:96