feat(notched-outline): Synchronise with mdc-web v0.34.1 (add notched …

…prop)
matsp · Apr 4, 2018 · e19b0e0 · e19b0e0
1 parent c333244
commit e19b0e0
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 11 deletions.
diff --git a/components/notched-outline/NotchedOutline.vue b/components/notched-outline/NotchedOutline.vue
@@ -1,19 +1,30 @@
+<template>
+  <div>
+    <div class="mdc-notched-outline" :class="classes">
+      <svg>
+        <path class="mdc-notched-outline__path"/>
+      </svg>
+    </div>
+    <div class="mdc-notched-outline__idle"/>
+  </div>
+</template>
 <script>
 import themeClassMixin from '../base/themeClassMixin.js'
 
 export default {
-  functional: true,
   mixins: [themeClassMixin],
-  render (h) {
-    return [
-      h('div', {'class': 'mdc-notched-outline'},
-        [
-          h('svg', [
-            h('path', {'class': 'mdc-notched-outline__path'})
-          ])
-        ]
-      ),
-      h('div', {'class': 'mdc-notched-outline__idle'})]
+  props: {
+    notched: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    classes () {
+      return {
+        'mdc-notched-outline--notched': this.notched
+      }
+    }
   }
 }
 </script>
diff --git a/components/notched-outline/README.md b/components/notched-outline/README.md
@@ -11,3 +11,9 @@
 </m-textfield>
 ```
 
+### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| notched | Boolean | false | open notch outline |
+