### placeholder - type: string - description: Placeholder for the input box. ### valuePrefix - type: string - description: Value to place before every search term (normally shouldn't be used) ### countryCode - type: string - description: Country code used to help with suggestions and geocoding. ### value - type: string - description: Controlled mode - value to display. ### status - type: "error" | "warning" | "loading" - description: Sets UI to indicate a status. ### statusMessage - type: ReactNode - description: The status message to display when hovering the status icon, if not given or empty, no tooltip is displayed. ### onChange - type: ChangeEventHandler - description: Defines a standard input onChange callback. ### onBlur - type: FocusEventHandler - description: Defines a standard input onBlur callback. It's called with no arguments. ### onFocus - type: FocusEventHandler - description: Defines a standard input onFocus callback. It's called with no arguments. ### onKeyDown - type: KeyboardEventHandler - description: Defines a standard input onKeyDown callback. ### onKeyUp - type: KeyboardEventHandler - description: Defines a standard input onKeyUp callback. ### onPaste - type: ClipboardEventHandler - description: Defines a callback handler that is called when user pastes text from a clipboard (using a mouse or keyboard shortcut) ### onSet - type: (params: { originValue: string; googleResult: any; address: Address; }) => void - description: Callback for results. Receives an object containing: originValue (value in the search), googleResult (google geocode result for the search), address (which includes: formatted (google formatted address), country, countryCode, street, number, postalCode, latLng (lat, lng)) ### magnifyingGlass - type: boolean - description: Show or hide magnifying glass icon. - default: true ### readOnly - type: boolean - description: Sets the input to readOnly. ### autoSelect - type: boolean - description: Specifies whether the entire input text is selected when the input gets focus. - default: true ### clearSuggestionsOnBlur - type: boolean - description: Clear the suggestions list upon input blur. - default: true ### fallbackToManual - type: boolean - description: If set to `true`, the component attempts to get a Google location from the input's text if there are no suggestions. This is useful when looking for locations for which google doesn't give suggestions - for example: Apartment/Apt. - default: false ### poweredByGoogle - type: boolean - description: Shows the Powered By Google credit in a fixed footer. - default: false ### footer - type: string - description: Display a footer as the last suggestion in the list. ### types - type: any[] - description: Limits the autocomplete to specific Google Places types, for example `address` or `geocode`. ### filterTypes - type: any[] - description: Filters the autocomplete results by Google Places result type at a lower level, for example `street_address`. ### placeDetailsFields - type: any[] - description: Sets which Google Places data fields to return, for example `formatted_address` or `geometry`. ### footerOptions - type: object - description: Set the footer's options (e.g. disabled, overrideStyles, etc. ) ### handler - type: "geocode" | "places" - description: Sets how to get more details for a place (e.g. geocode, places, etc) ### Client - type: new () => GoogleMapsClient - description: Google map client implementation (should implement autocomplete and geocode functions). Normally you would use ### type - type: string - description: Specifies the type of `` element to display. Default is text. ### name - type: string - description: Reference element data when a form is submitted. ### pattern - type: string - description: Sets a pattern that typed value must match to be valid (regex) ### children - type: ReactNode - description: No description ### dataHook - type: string - description: Applies a data-hook HTML attribute that can be used in the tests. ### className - type: string - description: Specifies a CSS class name to be appended to the component's root element. - internal ### id - type: string - description: Assigns a unique identifier for the root element. ### role - type: string - description: Specifies the role of the input element for accessibility. ### ariaControls - type: string - description: Associate a control with the regions that it controls. ### ariaDescribedby - type: string - description: Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space. ### ariaLabel - type: string - description: Define a string that labels the current element in case where a text label isn't visible on the screen. ### autoFocus - type: boolean - description: Focus the element on mount (standard React input autoFocus) ### autocomplete - type: string - description: Sets the value of the native `autocomplete` attribute, for example `off` or `email`. ### defaultValue - type: string | number - description: Defines the initial value of an input. ### disabled - type: boolean - description: Specifies whether input should be disabled or not. ### statusMessageTooltipProps - type: TooltipCommonProps - description: Status message tooltip props. ### hideStatusSuffix - type: boolean - description: Specifies whether status suffix should be hidden. ### forceFocus - type: boolean - description: Forces the focus state on the input. - internal ### forceHover - type: boolean - description: Forces the hover state on the input. - internal ### maxLength - type: number - description: Sets the maximum number of characters that can be inserted to a field. ### menuArrow - type: boolean - description: Specifies whether input should have a dropdown menu arrow on the right side. ### clearButton - type: boolean - description: Displays clear button (X) on a non-empty input. ### focusOnClearClick - type: boolean - description: Specifies whether to focus the field when clear button is clicked. ### border - type: "none" | "standard" | "round" | "bottomLine" - description: Control the border style of input. ### backgroundColor - type: string - description: Sets the background color of the input. Accepts any CSS color value. ### noLeftBorderRadius - type: boolean - description: Specifies whether input shouldn't have rounded corners on its left. ### noRightBorderRadius - type: boolean - description: Specifies whether input shouldn't have rounded corners on its right. ### onClear - type: (event: KeyboardEvent | MouseEvent) => void - description: Displays clear button (X) on a non-empty input and calls a callback function. ### onCompositionChange - type: (isComposing: boolean) => void - description: Defines a callback function called on compositionstart/compositionend events. ### onEnterPressed - type: KeyboardEventHandler - description: Defines a callback handler that is called when the user presses -enter-. ### onEscapePressed - type: KeyboardEventHandler - description: Defines a callback handler that is called when the user presses -escape-. ### onInputClicked - type: MouseEventHandler - description: Defines a standard input onClick callback. ### onCopy - type: ClipboardEventHandler - description: Defines a callback handler that is called when user copies text to a clipboard (using a mouse or keyboard shortcut) ### prefix - type: ReactNode - description: Pass a component you want to show as the prefix of the input, e.g., text, icon. ### disableEditing - type: boolean - description: Restricts input editing. ### rtl - type: boolean - description: Specifies text direction. If true, the text is displayed from right to left. ### size - type: "small" | "tiny" | "medium" | "large" - description: Controls the size of the input. Default value: `medium` ### suffix - type: ReactNode - description: Pass a component you want to show as the suffix of the input, e.g., text, icon. ### tabIndex - type: number - description: Indicates that element can be focused and where it participates in sequential keyboard navigation. ### textOverflow - type: "ellipsis" | "clip" - description: Handles text overflow behavior. It can either `clip` (default) or display `ellipsis`. ### tooltipPlacement - type: "right" | "left" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom-start" | "left-end" | "left-start" - description: Controls placement of a status tooltip. - deprecated ### withSelection - type: boolean - description: No description ### required - type: boolean - description: Specifies whether input is mandatory. ### min - type: number - description: Sets a minimum value of an input. Similar to HTML5 min attribute. ### max - type: number - description: Sets a maximum value of an input. Similar to html5 max attribute. ### step - type: number - description: Specifies the interval between number values. ### customInput - type: ReactNode | Function - description: Render a custom input instead of the default html input tag. ### inputRef - type: null | (instance: HTMLInputElement | null) => void | RefObject - description: Ref to the underlying `` DOM element. Accepts callback and object refs. Use for input masking libraries such as `use-mask-input`. Memoize callback refs to avoid reattaching on every render. ### inputmode - type: string - description: Sets the value of the native `inputmode` attribute, which tells mobile browsers which on-screen keyboard to show, for example `numeric` or `email`. ### enterKeyHint - type: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" - description: Sets the label of the virtual keyboard's enter key on touch devices. ### ariaRoledescription - type: string - description: Sets the `aria-roledescription` attribute of the `` element, giving assistive technologies a readable description of its role. ### clearButtonTooltipContent - type: ReactNode - description: When provided, hovering displays a tooltip with this content. ### clearButtonTooltipProps - type: TooltipCommonProps - description: Clear button tooltip props. ### clearButtonAriaLabel - type: string - description: Aria label for the clear button. ### inputElementRef - type: any - description: Specifies reference of the input element. - internal