vue-resizer

A series of the resizer components for Vue.js

$3

Install with NPM

``
npm install vue-resizer
`

Import

`js
import {
DragCol,
DragRow,
ResizeCol,
ResizeRow,
Resize,
} from "vue-resizer"
`
Usage

`html




`

Props
`js
props: {
// width percentage of the left part
// units: %
leftPercent: {
type: Number,
default: 50,
},
// width of the slider
// units: px
sliderWidth: {
type: Number,
default: 20,
},
// width of the container
// units: any
width: {
type: String,
default: "400px",
},
// height of the container
// units: any
height: {
type: String,
default: "400px",
},
// color of the slider
sliderColor: {
type: String,
default: "#6f808d",
},
// bg color of the slider
sliderBgColor: {
type: String,
default: "#1f2e3a",
},
// color of the slider on hover
sliderHoverColor: {
type: String,
default: "#6f808d",
},
// bg color of the slider on hover
sliderBgHoverColor: {
type: String,
default: "#16222a",
}
}
``

$3