Merge pull request vuematerial#747 from vuematerial/issue-744

Issue 744 - Added readonly attr on mdInput and mdTextarea

Author: Pablo Henrique

docs/src/pages/components/Input.vue

@@ -100,6 +100,12 @@
                 <md-table-cell><code>Number</code></md-table-cell>
                 <md-table-cell>Sets the maxlength and enable the text counter.</md-table-cell>
               </md-table-row>
+
+              <md-table-row>
+                <md-table-cell>readonly</md-table-cell>
+                <md-table-cell><code>Boolean</code></md-table-cell>
+                <md-table-cell>Sets the component to read only mode.</md-table-cell>
+              </md-table-row>
             </md-table-body>
           </md-table>
         </api-table>
@@ -150,6 +156,12 @@
                 <md-table-cell><code>Number</code></md-table-cell>
                 <md-table-cell>Sets the maxlength and enable the text counter.</md-table-cell>
               </md-table-row>
+
+              <md-table-row>
+                <md-table-cell>readonly</md-table-cell>
+                <md-table-cell><code>Boolean</code></md-table-cell>
+                <md-table-cell>Sets the component to read only mode.</md-table-cell>
+              </md-table-row>
             </md-table-body>
           </md-table>
         </api-table>
@@ -163,6 +175,11 @@
                 <label>Initial value</label>
                 <md-input v-model="initialValue"></md-input>
               </md-input-container>
+              
+              <md-input-container>
+                <label>Initial value (read only)</label>
+                <md-input v-model="initialValue" readonly></md-input>
+              </md-input-container>
 
               <md-input-container>
                 <label>With label</label>

src/components/mdInputContainer/common.js

@@ -9,7 +9,8 @@ export default {
     required: Boolean,
     maxlength: [Number, String],
     name: String,
-    placeholder: String
+    placeholder: String,
+    readonly: Boolean
   },
   data() {
     return {

src/components/mdInputContainer/mdInput.vue

@@ -7,6 +7,7 @@
     :required="required"
     :placeholder="placeholder"
     :maxlength="maxlength"
+    :readonly="readonly"
     @focus="onFocus"
     @blur="onBlur"
     @input="onInput"

src/components/mdInputContainer/mdTextarea.vue

@@ -6,6 +6,7 @@
     :required="required"
     :placeholder="placeholder"
     :maxlength="maxlength"
+    :readonly="readonly"
     @focus="onFocus"
     @blur="onBlur"
     @input="onInput"></textarea>