diff --git a/docs/README.md b/docs/README.md
index 9a904a3..4abe46f 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -20,6 +20,7 @@ Other demos:
* [Vue router integration](https://jsfiddle.net/bt5dhqtf/267/) You can place a `router-view` inside the wizard and have a separate page per tab. A `route` prop must be passed to the tabs you want to handle certain tabs
* [Async validation with error message](https://jsfiddle.net/CristiJ/bt5dhqtf/298/) `before-change` prop can accept a promise that is resolved with `true` which will execute the promise before switching to another step/tab (NOTE: This feature is not present in the npm package yet)
+There is also a [Playground](?id=playground) where you can test stuff out right here in the browser!
# Usage
## NPM
@@ -174,3 +175,445 @@ Vue-form-wizard emits certain events when certain actions happen inside the comp
5. `npm run build` to generate the new js and css bundles
6. Commit your changes + the js and css bundles so it's easy to test them right away in fiddles, codepen etc
7. Open a Pull Request. For more information refer to [github forking workflow](https://gist.github.com/Chaser324/ce0505fbed06b947d962)
+
+
+# Playground
+
+## Simple
+
+
+
+
+
+
+## Square steps
+
+
+
+
+
+
+
+## Tabbed steps
+
+
+
+
+
+
+
+## Start from a specific index
+
+
+
+
+
+
+
+## Custom button and title text
+
+
+
+
+
+
+## Replace buttons and title with Slots
+
+
+
+
+
+
+## Call a function before tab switch
+
+
+
+
+
+
+## Async validation
+
+
+
+
+
+
+
+
+## Element UI integration
+
+
+
+
+
diff --git a/docs/index.html b/docs/index.html
index f225c42..7ed6264 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -6,6 +6,10 @@
+
+
+
+
@@ -17,4 +21,29 @@
}
+
+
+
+
+
+
+
+