feat(textfield): add readonly support

closes #252 fixes #250
stasson · Feb 10, 2018 · 63c7834 · 63c7834
2 parents 9f7c555 + ae8580e
commit 63c7834
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/components/textfield/README.md b/components/textfield/README.md
@@ -100,6 +100,7 @@ var vm = new Vue({
 |`disabled`| [Number, String] | | binds to disabled state  |
 |`type`|String|| input type attribute  |
 |`name`|String|| input name attribute  |
+|`readonly`|String|| input is readonly  |
 |`label`| String | | hint text |
 |`dense`| Boolean | | compresses the textfield to make it slightly smaller |
 |`outline`| Boolean | | whether the textfield is outlined  |

diff --git a/components/textfield/mdc-textfield.vue b/components/textfield/mdc-textfield.vue
@@ -17,6 +17,7 @@
         :name="name"
         :minlength="minlength" :maxlength="maxlength"
         :placeholder="inputPlaceHolder"
+        :readonly="readonly"
         :aria-label="inputPlaceHolder"
         :aria-controls="inputAriaControls"
         :rows="rows" :cols="cols" ></textarea>
@@ -28,6 +29,7 @@
         :type="type"
         :name="name"
         :minlength="minlength" :maxlength="maxlength"
+        :readonly="readonly"
         :placeholder="inputPlaceHolder"
         :aria-label="inputPlaceHolder"
         :aria-controls="inputAriaControls" />
@@ -97,6 +99,7 @@ export default {
     outline: Boolean,
     disabled: Boolean,
     required: Boolean,
+    readonly: Boolean,
     valid: {type: Boolean, default: undefined}, 
     minlength: { type: [Number, String], default: undefined },
     maxlength: { type: [Number, String], default: undefined },