Reka UI logoReka
backdrop
Examples
Examples

Splitter IDE Layout

Nest Splitter groups into an editor layout with collapsible panels and sizes persisted across reloads.

Splitter
Layout is restored from localStorage on reload

Explorer

  • app.vue
  • router.ts
  • store.ts
  • main.css
  • README.md
<script setup>
import { ref } from 'vue'

const count = ref(0)
</script>

<template>
  <button @click="count++">
    {{ count }}
  </button>
</template>

$ pnpm dev

VITE v6.0.0 ready in 231 ms

➜ Local: http://localhost:5173/

Splitter IDE Layout