@hz-libs/bpe-ui-splitter
v0.1.3
Published
Resizable splitter primitive.
Readme
@hz-libs/bpe-ui-splitter
Resizable splitter primitive for Vue 3.
Install
pnpm add @hz-libs/bpe-ui-splitterThe app must already depend on Vue ^3.5.0. This package depends on @hz-libs/bpe-utils. Component CSS is included in the JavaScript import.
Use
Drag the handle between SplitterPanel children. Each panel can set its own minimum width.
<script setup>
import { Splitter, SplitterPanel } from '@hz-libs/bpe-ui-splitter'
</script>
<template>
<Splitter>
<SplitterPanel :min-width="120">Left</SplitterPanel>
<SplitterPanel :min-width="120">Right</SplitterPanel>
</Splitter>
</template>Exports
Splitter, SplitterHandle, SplitterPanel.
