Logo

HSplitter

This component is inherited from Splitter
See also: VSplitter
HSplitter is a specialized, shorthand version for the regular Splitter component with a vertical orientation.
<App >
  <HSplitter height="200px">
    <Stack backgroundColor="lightblue" height="100%" />
    <Stack backgroundColor="darksalmon" height="100%" />
  </HSplitter>
</App>
Example: HSplitter
<App >
  <HSplitter height="200px">
    <Stack backgroundColor="lightblue" height="100%" />
    <Stack backgroundColor="darksalmon" height="100%" />
  </HSplitter>
</App>
You cannot change the orientation of HSplitter from vertical to horizontal by setting the orientation prop, as the engine ignores that setting.
This site is an XMLUI™ app.