VueResizor

🖱 A Vue component for resizing with dragging

TOC

Demo

Child 1
Child 2

Usage

<template>
  <div class="parent">
    <vue-resizor v-model:indicators="indicators">
      <div class="child">Child 1</div>
      <div class="child">Child 2</div>
    </vue-resizor>
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import VueResizor, { Indicator } from 'vue-resizor'

import 'vue-resizor/styles.css'

const indicators = ref<Indicator[]>()
</script>

Available Props

proptype (range)default value
indicatorsIndicator[]N/A
sizenumber (indicator width/height)2

Available Events

eventtype
'update:indicators'Indicator[]

Sponsors

1stGRxTSUnTS

Backers

1stGRxTSUnTS

Changelog

Detailed changes for each release are documented in CHANGELOG.md.

License

MIT © JounQin@1stG.me