TagAutocomplete

Interfaces

TagAutocompleteProps

Extends

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

Properties

Property	Type	Description	Overrides
defaultValue	any	The default value. Use when the component is not controlled. Default props.multiple ? [] : null	Pick.defaultValue
onChange?	(value) => void	Callback for change event on poll object	-
TagChipProps?	Pick<TagChipProps, "label" | "className" | "classes" | "disabled" | "sx" | "onClick" | "size" | "variant" | "ellipsis" | "icon" | "clickable" | "onDelete" | "disposable">	The props to spread to TagChip component	-
TextFieldProps?	TextFieldProps	The props applied to text field Default {variant: 'outlined, label: tags_label}	-

Functions

TagAutocomplete()

TagAutocomplete(inProps): Element

API documentation for the Community-JS Tag 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 tags available in the application.

Import

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

Component Name

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

CSS

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

Parameters

Parameter	Type	Description
inProps	TagAutocompleteProps

Returns

Element