Logo

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>
Example: VSplitter
<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.
This site is an XMLUI™ app.