Migrate from Legacy Stack to InlineStack

[mhlozek]

Summary

I would like to migrate from Legacy Stack / Stack Item to InlineStack, but I don't know how to migrate StackItem with fill prop.

There are no "Items" in InlineStack. Should I use a div element with inline style flex-grow: 1 instead?

Expected behavior

No response

Actual behavior

No response

Steps to reproduce

No response

Are you using React components?

None

Polaris version number

No response

Browser

No response

Device

No response

[nullndr]

The way I am doing this is using two <InlineStack/>:

<InlineStack align="space-between">
  <div>Foo</div>  
  <InlineStack align="end" gap="200">
    <div>Bar</div>
    <div>Foobar</div>
  </InlineStack>
</InlineStack>