diff --git a/src/examples/App.vue b/src/examples/App.vue
index 8f7abe7..0e63660 100644
--- a/src/examples/App.vue
+++ b/src/examples/App.vue
@@ -20,9 +20,20 @@
   import PolarAreaExample from './PolarAreaExample'
   import BubbleExample from './BubbleExample'
   import ReactiveExample from './ReactiveExample'
+  import ReactivePropExample from './ReactivePropExample'
 
   export default {
-    components: { BarExample, LineExample, DoughnutExample, PieExample, RadarExample, PolarAreaExample, BubbleExample, ReactiveExample }
+    components: {
+      BarExample,
+      LineExample,
+      DoughnutExample,
+      PieExample,
+      RadarExample,
+      PolarAreaExample,
+      BubbleExample,
+      ReactiveExample,
+      ReactivePropExample
+    }
   }
 </script>
 
diff --git a/src/examples/ReactivePropExample.js b/src/examples/ReactivePropExample.js
new file mode 100644
index 0000000..e5b9dea
--- /dev/null
+++ b/src/examples/ReactivePropExample.js
@@ -0,0 +1,10 @@
+import BarChart from '../BaseCharts/Bar'
+import reactiveData from '../mixins/reactiveProp'
+
+export default BarChart.extend({
+  mixins: [reactiveData],
+
+  mounted () {
+    this.renderChart(this.chartData)
+  }
+})