Adds initial stubbing for specimins

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>

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')

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>