material-input and material-button next to each other using all space

[sturmf]

Is there a way to put a material-input next to a material-button and let the input use up all available space horizontally? Something like flex-grow or similar?

[sturmf]

Ok I now found a solution, which probbaly is the preferred way to do it? I was a bit too much focused on the material button properties themself where I found an expand and size in pixel property.

<div style="display:flex; flex-direction:row; align-items:baseline">
    <material-input style="flex:1" required label="Label"></material-input>
    <material-button id="addButton" raised class="blue">Add</material-button>
</div>