VSplitter

This component is inherited from Splitter

See also: HSplitter

VSplitter is a specialized, shorthand version for the regular Splitter component with a vertical orientation.

<App>
  <VSplitter height="200px">
    <Stack backgroundColor="lightblue" height="100%" />
    <Stack backgroundColor="darksalmon" height="100%" />
  </VSplitter>
</App>

<App>
  <VSplitter height="200px">
    <Stack backgroundColor="lightblue" height="100%" />
    <Stack backgroundColor="darksalmon" height="100%" />
  </VSplitter>
</App>

You cannot change the orientation of VSplitter from vertical to horizontal by setting the orientation prop, as the engine ignores that setting.