Merged new Docs and Demos

doc/dynamicdialog/demo/InfoDemo.vue

@@ -0,0 +1,29 @@
+<template>
+    <div>
+        <p>
+            There are <strong>{{ totalProducts }}</strong> products in total in this list.
+        </p>
+        <div class="flex justify-content-end">
+            <Button autofocus type="button" label="Close" @click="closeDialog"></Button>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    inject: ['dialogRef'],
+    data() {
+        return {
+            totalProducts: 0
+        };
+    },
+    mounted() {
+        this.totalProducts = this.dialogRef.data.totalProducts;
+    },
+    methods: {
+        closeDialog() {
+            this.dialogRef.close();
+        }
+    }
+};
+</script>