0
133
ViewsHow to make a hybrid select + search field as one solid unit?
I want to create a search field with an option to select some parameter before searching and it should look like one solid unit as on the picture below.
I didn't find such component in MaterialUI framework, which I'm using in my project. But maybe there is some third party solution for this purpose.
·
Juan Pablo Isaza
1 answers
Answer question0
Use custom css
*{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"/>
·
Juan Pablo Isaza
Report
Answer question