1.1.9 • Published 2 years ago
vue-resizer v1.1.9
vue-resizer
A series of the resizer components for Vue.js
For all the usages please check the website
Install with NPM
npm install vue-resizer
Import
import {
DragCol,
DragRow,
ResizeCol,
ResizeRow,
Resize,
} from "vue-resizer"
Usage
<DragCol>
<template #left>
<!-- your content -->
</template>
<template #right>
<!-- your content -->
</template>
</DragCol>
Props
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",
}
}
Go to the document
1.1.9
2 years ago
1.1.8
2 years ago
1.1.7
2 years ago
1.1.6
2 years ago
1.1.5
2 years ago
1.1.4
2 years ago
1.1.3
2 years ago
1.1.2
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago