test: demo textfield

Author: farfromrefug

demo-vue/app/app.scss

@@ -52,3 +52,11 @@ bottomnavigationbar {
     ripple-color: red;
     background-color: white;
 }
+
+.md-textfield-outline {
+    floating-color: blue;
+    floating-inactive-color: yellow;
+    stroke-color: green;
+    stroke-inactive-color: red;
+    placeholder-color: #757575;
+}

demo-vue/app/examples/TextFields.vue

@@ -41,6 +41,7 @@
                         floating="false"
                     />
                 </GridLayout>
+                <MDTextField id="textField34" hint="test" class="md-textfield-outline" variant="outline"/>
                 <MDTextField id="textField3" hint="filled" @focus="onFocus" @blur="onBlur" @textChange="onTextChange" @returnPress="onReturnPress" margin="10" editable="false" />
                 <MDTextField
                     id="textField4"