Use containerStyle property for passing image container styles

Fixes #17
Agontuk · May 3, 2017 · 1936eac · 1936eac
1 parent 47f3407
commit 1936eac
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -28,7 +28,7 @@ See the [example](https://github.com/Agontuk/vue-cropperjs/tree/master/example)
 * Type: `string`
 * Required: `false`
 
-### style
+### containerStyle
 * Type: `object`
 * Required: `false`
 

diff --git a/VueCropper.js b/VueCropper.js
@@ -4,7 +4,7 @@ import 'cropperjs/dist/cropper.css';
 
 const CropperComponent = Vue.extend({
     render(h) {
-        return h('div', { style: this.style }, [
+        return h('div', { style: this.containerStyle }, [
             h('img', {
                 ref: 'img',
                 attrs: {
@@ -17,7 +17,7 @@ const CropperComponent = Vue.extend({
         ]);
     },
     props: {
-        'style': Object,
+        'containerStyle': Object,
         'data': Object,
         'preview': String,
         'src': {

diff --git a/dist/VueCropper.js b/dist/VueCropper.js
@@ -20,7 +20,7 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
 
 var CropperComponent = _vue2.default.extend({
     render: function render(h) {
-        return h('div', { style: this.style }, [h('img', {
+        return h('div', { style: this.containerStyle }, [h('img', {
             ref: 'img',
             attrs: {
                 src: this.src,
@@ -32,7 +32,7 @@ var CropperComponent = _vue2.default.extend({
     },
 
     props: {
-        'style': Object,
+        'containerStyle': Object,
         'data': Object,
         'preview': String,
         'src': {