Vue Split Panel

Splitter component based on the usage syntax of Reka UI but using the internal rendering logic of Web Awesome's Split Panel.

Installation

pnpm add @directus/vue-split-panel

<script lang="ts" setup>
import { SplitPanel } from '@directus/vue-split-panel';
import '@directus/vue-split-panel/index.css';
</script>

<template>
	<SplitPanel>
		<template #start>
			Panel A
		</template>
		
		<template #end>
			Panel B
		</template>
	</SplitPanel>
</template>

Usage

Please refer to the documentation for the full usage guide.

License

MIT

This project also incorporates third-party software licensed under the MIT License. See ATTRIBUTIONS.md for details.