From a488ed1663c954800690ef6f43ceb60603c63cde Mon Sep 17 00:00:00 2001
From: Justin Schroeder <justin@wearebraid.com>
Date: Sat, 28 Mar 2020 21:56:11 -0400
Subject: [PATCH] Adds initial stubbing for specimins

---
 examples/{App.vue => FormulateSpecimens.vue} | 10 +++++++++-
 examples/main.js                             |  4 ++--
 examples/specimens/SpecimenText.vue          | 20 ++++++++++++++++++++
 3 files changed, 31 insertions(+), 3 deletions(-)
 rename examples/{App.vue => FormulateSpecimens.vue} (56%)
 create mode 100644 examples/specimens/SpecimenText.vue

diff --git a/examples/App.vue b/examples/FormulateSpecimens.vue
similarity index 56%
rename from examples/App.vue
rename to examples/FormulateSpecimens.vue
index a3a9464..0a511fc 100644
--- a/examples/App.vue
+++ b/examples/FormulateSpecimens.vue
@@ -1,12 +1,17 @@
 <template>
   <div id="app">
-    <h1>Hello world</h1>
+    <SpecimenText />
   </div>
 </template>
 
 <script>
+import SpecimenText from './specimens/SpecimenText'
+
 export default {
   name: 'App',
+  components: {
+    SpecimenText
+  },
   data () {
     return {
     }
@@ -16,4 +21,7 @@ export default {
 
 <style lang="scss">
 @import '../themes/snow/snow.scss';
+body {
+  font-family: $formulate-font-stack;
+}
 </style>
diff --git a/examples/main.js b/examples/main.js
index ce98b39..b04ace5 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -1,11 +1,11 @@
 import Vue from 'vue'
 import VueFormulate from '../src/Formulate'
-import App from './App.vue'
+import FormulateSpecimens from './FormulateSpecimens.vue'
 
 Vue.config.productionTip = false
 
 Vue.use(VueFormulate)
 
 new Vue({
-  render: h => h(App)
+  render: h => h(FormulateSpecimens)
 }).$mount('#app')
diff --git a/examples/specimens/SpecimenText.vue b/examples/specimens/SpecimenText.vue
new file mode 100644
index 0000000..625735c
--- /dev/null
+++ b/examples/specimens/SpecimenText.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="specimens specimens--text">
+    <FormulateInput
+      label="Username"
+      type="text"
+      placeholder="Username"
+      help="Select a username"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>