This is how the menu's List gets anchored to the toggle element.

@see Layover#anchor

default: 'off'

This prop is used for disabling the browser's default autocomplete suggestions of previously typed values in the text field. By default, this is set to 'off' which most browsers will ignore when in forms. See the MDN Link on disabling autocomplete for some workarounds or fixes.

@see Disabling autocomplete

default: false

Boolean if the onAutocomplete should attempt send the suggestion[dataLabel] instead of suggestion[dataValue] when the data is an object.

@see onAutocomplete

This is the anchor to use when the position is set to Autocomplete.Positions.BELOW.

@see Layover#belowAnchor

Boolean if this text field should be styled as a full width text field. Floating labels and the text field indicator will be removed automatically.

@see Layover#centered

An optional className to apply to the menu that contains the autocomplete.

A boolean if the text field's value should be reset to the empty string when an item is auto-completed. This is useful if you do not want a fully controlled component and the values are stored outside of the TextField. (like Chips).

@see Layover#closeOnOutsideClick

The data that will be used for autocomplete suggestions. This can either be an array of string, number, or object. If it is an array of objects, the key dataLabel is required.

default: 'primaryText'

An object key to use to extract the text to be compared for filtering. This will only be applied if the given data prop is an array of objects.

An optional object key to use to extract the value of the given data prop. This is really only used with generating a unique react key. The unique react key with either be:

• the datum if it is a string or number
• the key attribute of the datum object
• the datum[dataValue]
• or the datum[dataLabel]

default: ''

The default value for the autocomplete's text field.

A single key or an array of keys to delete from your data object before passing to the ListItem component.

Boolean if the autocomplete is disabled.

@see Layover#fillViewportHeight

@see Layover#fillViewportWidth

default: Autocomplete.fuzzyFilter

An optional function to use to filter the data. If you have a sexy backend using solr or some other search/indexer, it is recommended to set this prop to null.

default: Autocomplete.findIgnoreCase

The function to call to find a suggestion for an inline autocomplete. This function expects to return a single result of a number or a string.

@param {Array<Object|String|Number>} data - The data prop to search.
@param {String} value - The current value to use for searching.
@param {String} dataLabel - The `dataLabel` prop to use if a datum is an object.
@return {String|Number} the found suggestion or false-ish

This is how the menu's list will be "fixed" to the toggle component.

@see Layover#fixedTo

Boolean if the input should be focused again after a suggestion was clicked.

This is really only added for keyboard support and the fact that each of suggestions are focusable.

default: true

Boolean if the autocomplete should span the entire width.

An id to give the autocomplete. Either this or the menuId is required for accessibility.

@see menuId

Boolean if the Autocomplete should display suggestions inline instead of in a Menu.

An optional className to apply to the inline suggestion when using inline mode.

default: 6

The amount of padding to use between the current text and the inline suggestion text.

An optional style to apply to the inline suggestion when using inline mode.

An optional className to apply to the autocomplete's input field itself.

An optional style to apply to the autocomplete's text field input itself.

A label to display with the autocomplete.

The optional className to apply to the opened menu List if the Autocomplete is not using inline suggestions.

Boolean if the list should have its height restricted to the $md-menu-mobile-max-height/ $md-menu-desktop-max-height values.

@see md-menu-mobile-max-height

@see md-menu-desktop-max-height

An optional id to provide to the menu's list.

@see Menu#listId

Boolean if the menu's list should appear horizontally instead of vertically.

The optional style to apply to the opened menu List if the Autocomplete is not using inline suggestions.

The list's z-depth for applying box shadow. This should be a number from 0 to 5.

The menu id to provide to the autocomplete. Either this prop or the id prop is required. If this props is omitted, the menuId will become: ${id}-menu

@see Layover#minBottom

@see Layover#minLeft

@see Layover#minRight

default: 0

An optional number representing the data's offset if the results were paginated. This is used for accessibility with the aria-posinset attribute.

@see total

An optional function to call when an autocomplete suggestion is clicked either by using the mouse, the enter/space key, or touch. The match index and current dataLabel will be given back.

onAutocomplete(suggestion, suggestionIndex, matches);

@see autocompleteWithLabel

An optional function to call when the entire Autocomplete component is blurred. This will be triggered when the window is clicked or when a user tabs away from the autocomplete.

An optional function to call when the Autocomplete's text field value changes. The callback will be given the new value and the change event.

onChange(textFeldValue, event)

An optional function to call when the Autocomplete's text field is focused.

An optional function to call when the Autocomplete's text field has a keydown event.

An optional function to call when the Autocomplete suggestion menu closes.

An optional function to call when the Autocomplete suggestion menu opens.

An optional function to call when the Autocomplete's text field has a mousedown event.

default: Menu.Positions.BELOW

This is the animation position for the list that appears.

@see Layover#animationPosition

default: true

Boolean if the menu should automatically try to reposition itself to stay within the viewport when the window resizes.

@see Layover#repositionOnResize

default: true

Boolean if the menu should automatically try to reposition itself to stay within the viewport when the fixedTo element scrolls.

@see Layover#repositionOnScroll

default: true

@see Layover#sameWidth

default: false

Boolean if the list of data should be shown on focus when no filter value has been provided.

Boolean if the menu logic should be simplified without any viewport logic and position based on the relative position of the menu. This will most like require some additional styles applied to the menu.

@see Layover#simplified

An optional style to apply to the menu that contains the autocomplete.

An optional className to apply to the autocomplete's text field.

An optional style to apply to the autocomplete's text field.

@see TextFields#toolbar

An optional number representing the total number of results in the data prop. This should really only be used when the data is paginated. When this is set, each item in the suggestion menu will be updated with the aria-setsize and aria-posinset.

@see offset

@see Layover#transitionEnterTimeout

@see Layover#transitionLeaveTimeout

An optional transition name to use for the list appearing/disappearing.

@see Layover#transitionName

An optional value to use for the text field. This will force this component to be controlled and require the onChange function.

@see Layover#xThreshold

@see Layover#yThreshold