feat(demo): Replaced bottom-line with line-ripple in the textfield demo

matsp · Feb 7, 2018 · 773864a · 773864a
1 parent 5fb4f84
commit 773864a
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/demo/views/TextfieldView.vue b/demo/views/TextfieldView.vue
@@ -9,13 +9,15 @@
       </m-typo-body>
     </m-layout-grid-cell>
     <m-layout-grid-cell :span="2">
-      <m-text-field v-model="text" bottom-line>
+      <m-text-field v-model="text">
         Textfield
+        <m-line-ripple slot="bottomLine"/>
       </m-text-field>
     </m-layout-grid-cell>
     <m-layout-grid-cell :span="2">
-      <m-text-field v-model="pw" type="password" bottom-line required minlength="8" aria-controls="pw-validation">
+      <m-text-field v-model="pw" type="password" required minlength="8" aria-controls="pw-validation">
         Password
+        <m-line-ripple slot="bottomLine"/>
       </m-text-field>
       <m-text-field-helptext id="pw-validation">
         Password must be at least 8 characters long.
@@ -48,7 +50,9 @@
       </m-text-field>
     </m-layout-grid-cell>
     <m-layout-grid-cell :span="12">
-      <m-text-field v-model="text" placeholder="Fullwidth" full-width />
+      <m-text-field v-model="text" placeholder="Fullwidth" full-width>
+        <m-line-ripple slot="bottomLine"/>
+      </m-text-field>
     </m-layout-grid-cell>
     <m-layout-grid-cell :span="12">
       <m-text-field v-model="text" textarea>