I'm using angular material for designing my project. Now I want an input for searching in my toolbar, just like youtube.
My code:
<md-list flex-offset="10">
<md-list-item layout-align="start center">
<md-input-container md-no-float flex>
<input type="text" placeholder="Search" flex>
</md-input-container>
<md-button> test </md-button>
</md-list-item>
</md-list>
<md-toolbar layout="row" flex style="max-height: 60px;">
<div class="md-toolbar-tools">
Did You Tried
md-input-container .md-errors-spacer{
min-height: 0px !important;
}