@hz-libs/bpe-ui-splitter-view
v0.1.3
Published
Splitter view primitive.
Readme
@hz-libs/bpe-ui-splitter-view
Splitter view primitive for Vue 3.
Install
pnpm add @hz-libs/bpe-ui-splitter-viewThe app must already depend on Vue ^3.5.0. Component CSS is included in the JavaScript import.
Use
A panel with flex fills the remaining space. The other panel stays within min-width, max-width, and default-width.
<script setup>
import { SplitterView, SplitterViewPanel } from '@hz-libs/bpe-ui-splitter-view'
</script>
<template>
<SplitterView>
<SplitterViewPanel :min-width="120" :max-width="280" :default-width="180">
Fixed
</SplitterViewPanel>
<SplitterViewPanel :min-width="120" :max-width="2000" flex> Flexible </SplitterViewPanel>
</SplitterView>
</template>Exports
SplitterView, SplitterViewHandle, SplitterViewPanel.
