vue-resizor
TypeScript icon, indicating that this package has built-in type declarations

0.1.0 • Public • Published

VueResizor

🖱 A Vue component for resizing with dragging

TOC

Demo

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

prop type (range) default value
indicators Indicator[] N/A
size number (indicator width/height) 2

Available Events

event type
'update:indicators' Indicator[]

Sponsors

1stG RxTS UnTS
1stG Open Collective backers and sponsors RxTS Open Collective backers and sponsors UnTS Open Collective backers and sponsors

Backers

Backers

1stG RxTS UnTS
1stG Open Collective backers and sponsors RxTS Open Collective backers and sponsors UnTS Open Collective backers and sponsors

Changelog

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

License

MIT © JounQin@1stG.me

Package Sidebar

Install

npm i vue-resizor

Weekly Downloads

2

Version

0.1.0

License

MIT

Unpacked Size

58.9 kB

Total Files

21

Last publish

Collaborators

  • jounqin