diff --git a/src/pages/demo/playground/fullscreen/index.vue b/src/pages/demo/playground/fullscreen/index.vue
new file mode 100644
index 00000000..36e22319
--- /dev/null
+++ b/src/pages/demo/playground/fullscreen/index.vue
@@ -0,0 +1,26 @@
+<template>
+  <d2-container type="full" class="page-page-name">
+    page-name
+  </d2-container>
+</template>
+
+<script>
+export default {
+  data () {
+    return {}
+  },
+  computed: {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
+.page-page-name {
+  // Your page style here
+  // Do not use empty rulesets
+  // If empty, delete it
+}
+</style>
\ No newline at end of file