Autocompletar

Para crear una caja de busqueda, tenemos que crear al igual que en los formularios un div con la clase input-field.
Dentro colocamos un icono de buscar con la clase prefix para que quede bien alineado, el input de texto con su id y la clase autocomplete
Despues creamos el label con el for que los relaciona
Tambien tenemos que inicializar los scripts para que funcione

Buscar

<div class="input-field col m12">
    <i class="material-icons prefix">search</i>
    <input type="text" id="buscar" class="autocomplete">
    <label for="buscar">Buscar</label>
</div>

Inicializacion

Creamos el script que inizializala clase autocomplete, y creamos una variable options para inicializar las opciones
Esta variable va a ser igual a un objeto Data, que sera el que utilizaremos con los resultados de busqueda.
todos esos resultados seran los que muestre nuestro sitio. Tambien se pueden traer desde un API o desde tu base de datos
Ponemos un null si no queremos mostrar ninguna imagen en el resultado
Para que al clikcar funcione tenemos que llamar a un callback con la opcion onAutocomplete
Esta recibe una funcion con una respuesta. En el ejemplo vemos en la consola a que elemento dimos click

<script>
    document.addEventListener('DOMContentLoaded', function () {
        var options = {
            data: {
                "Apple": null,
                "Microsoft": null,
                "Google": 'https://placehold.it/250x250'
            },
            onAutocomplete: function (texto) {
                console.log('diste click a ' + texto);
            }
        }
        var elems = document.querySelectorAll('.autocomplete');
        var instances = M.Autocomplete.init(elems, options);
    });
</script>

Respuesta

Para hacer que nuestra respuesta aparezca en la pagina, tenemos que crear un div con un id y pasar el texto del buscador al div
Para ello creamos una cosntante que apunte al identificador del div
Y en el onAutocomplete ejecutamos lo capturado por el usuario

Buscar

<div class="input-field">
    <i class="material-icons prefix">search</i>
    <input type="text" id="buscar2" class="autocomplete">
    <label for="buscar2">Buscar</label>
    <div id="respuesta">
    </div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        var options2 = {
            data: {
                "Apple": null,
                "Microsoft": null,
                "Google": 'https://placehold.it/250x250'
            },
            onAutocomplete: function (texto) {
                respuesta.innerHTML = 'Has pulsado ' + texto;
            }
        }
        var elems = document.querySelectorAll('#buscar2');
        var instances = M.Autocomplete.init(elems, options2);
    });
    const respuesta = document.getElementById('respuesta');
</script>

Opciones

Name	Type	Default	Description
data	Object	{}	Data object defining autocomplete options with optional icon strings.
limit	Number	Infinity	Limit of results the autocomplete shows.
onAutocomplete	Function	null	Callback for when autocompleted.
minLength	Number	1	Minimum number of characters before autocomplete starts.
sortFunction	Function		Sort function that defines the order of the list of autocomplete options.