diff --git a/docs/src/demos/Examples/Simple/index.spec.js b/docs/src/demos/Examples/Simple/index.spec.js
new file mode 100644
index 00000000..bb4bbbe2
--- /dev/null
+++ b/docs/src/demos/Examples/Simple/index.spec.js
@@ -0,0 +1,5 @@
+context('simple', () => {
+ beforeEach(() => {
+ cy.visit('/examples/simple')
+ })
+})
\ No newline at end of file
diff --git a/docs/src/demos/Examples/Simple/index.vue b/docs/src/demos/Examples/Simple/index.vue
new file mode 100644
index 00000000..1f442f70
--- /dev/null
+++ b/docs/src/demos/Examples/Simple/index.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/src/docPages/examples/simple.md b/docs/src/docPages/examples/simple.md
new file mode 100644
index 00000000..7af42e80
--- /dev/null
+++ b/docs/src/docPages/examples/simple.md
@@ -0,0 +1,3 @@
+# Simple
+
+
\ No newline at end of file
diff --git a/docs/src/links.yaml b/docs/src/links.yaml
index 6fe7af34..8f41ee62 100644
--- a/docs/src/links.yaml
+++ b/docs/src/links.yaml
@@ -30,6 +30,8 @@
items:
- title: Basic
link: /examples/basic
+ - title: Simple
+ link: /examples/simple
- title: Menu Bubble
link: /examples/menu-bubble
- title: Floating Menu