Quiero crear un campo de búsqueda con una opción para seleccionar algún parámetro antes de buscar y debería verse como una unidad sólida como en la imagen a continuación.
No encontré dicho componente en el marco MaterialUI, que estoy usando en mi proyecto. Pero tal vez haya alguna solución de terceros para este propósito.
Usar css personalizado
*{margin:0;padding:0} .select{ margin:0px; border-top-left-radius:25px; border-bottom-left-radius:25px; padding:10px; } .input{ margin:0px; padding:10px; border-top-right-radius:25px; border-bottom-right-radius:25px; } <select class="select"> <option>One</option> <option>Two</option> </select> <input type="text" class="input" placeholder="Search"/>