Hoje encerramos o projeto de construção de um campo de pesquisa, com identidade visual e recursos similares ao site do Google. Nesta última parte implementamos um teclado virtual arrastável usando uma biblioteca chamada simple-keyboard.

O nosso próximo objetivo é agregar duas funcionalidades ao campo de pesquisa. São elas:Clear Input; Float Label.#O que veremos na aula de hoje?Vou explicar passo a passo como agregar ao campo de pesquisa as funcionalidades de Clear Input e Float Label.

Criar um campo de pesquisa usando vários recursos visuais, para que fique bem próximo da identidade visual usada pelo Google em seus formulários.#O que veremos na aula de hoje? Daremos início ao projeto de construção de um campo de pesquisa. Decidi dividir o projeto em três AULAS. Nesta primeira AULA, vamos implementar os seguintes recursos:Round Corner: cantos arredondados no campo de pesquisa; Append Icon: agregaremos 2 ícones ao lado direito do campo de pesquisa. Um ícone no formato de lupa e um ícone no formato de um teclado; Popover: aplicaremos o recurso de popover no ícone de teclado virtual;