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
k-paxian
commented
2 years ago
According to Vivid storybook Layout component supports settings such
column-basisandcolumn-spacingwhich controls how items in the grid are laid out (size of items and size of spaces between them) but theVwcLayoutwrapper 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:
columnbasisvscolumn-basisandcolumnspacingvscolumn-spacingPatch file to reproduce in vivid-react's storybook: VwcLayout.txt