According to Vivid storybook Layout component supports settings such column-basis and column-spacing which controls how items in the grid are laid out (size of items and size of spaces between them) but the VwcLayout wrapper does not respect any of those settings, it always uses default ones.
In the DOM it looks like the values set in props are translated to wrong attributes: columnbasis vs column-basis and columnspacing vs column-spacing
Patch file to reproduce in vivid-react's storybook:
VwcLayout.txt
According to Vivid storybook Layout component supports settings such
column-basis
andcolumn-spacing
which controls how items in the grid are laid out (size of items and size of spaces between them) but theVwcLayout
wrapper does not respect any of those settings, it always uses default ones.In the DOM it looks like the values set in props are translated to wrong attributes:![image](https://user-images.githubusercontent.com/40795412/164738805-ad8d2fb4-2d52-4b17-b119-226d2b953640.png)
columnbasis
vscolumn-basis
andcolumnspacing
vscolumn-spacing
Patch file to reproduce in vivid-react's storybook: VwcLayout.txt