Svelte-Splitpanes

Min & max with snap

You can also snap to the panel maximum and minimum size.

I have a snap size of 10%
I have a min size of 10%
I have a max size of 70%

<script>
  import { Pane, Splitpanes } from 'svelte-splitpanes';
</script>

<Splitpanes style="height: 400px">
  <Pane />

  <Pane snapSize={10} minSize={10} maxSize={70}>
    <span style="font-size: 20px;">
      I have a snap size of 10%
      <br />
      I have a min size of 10%
      <br />
      I have a max size of 70%
    </span>
  </Pane>

  <Pane />
</Splitpanes>