EventAutocomplete
Interfaces
EventAutocompleteProps
Extends
Pick<AutocompleteProps<SCEventType|null,any,any,any>,Exclude<keyofAutocompleteProps<SCEventType|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: events_label} |
checkboxSelect? | boolean | If checkbox is selected Default false |
limitCountEvents? | number | The maximum number of events that will be visible when not focused. Default 0 |
onChange? | (value: any) => void | Callback for change event on event object |
Functions
EventAutocomplete()
EventAutocomplete(
inProps):Element
API documentation for the Community-JS Event 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 events available in the application.
Import
import {EventAutocomplete} from '@selfcommunity/react-ui';
Component Name
The name SCEventAutocomplete can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCEventAutocomplete-root | Styles applied to the root element. |
Parameters
| Parameter | Type | Description |
|---|---|---|
inProps | EventAutocompleteProps |
Returns
Element
Source
packages/react-ui/src/components/EventAutocomplete/EventAutocomplete.tsx:94