diff --git a/docs/src/pages/components/Input.vue b/docs/src/pages/components/Input.vue
index f3e3d97..a300e8f 100644
--- a/docs/src/pages/components/Input.vue
+++ b/docs/src/pages/components/Input.vue
@@ -161,7 +161,7 @@
             <form novalidate @submit.stop.prevent="submit">
               <md-input-container>
                 <label>Initial value</label>
-                <md-input v-model="initialValue"></md-input>
+                <md-input v-model="initialValue" readonly></md-input>
               </md-input-container>
 
               <md-input-container>
diff --git a/src/components/mdInputContainer/common.js b/src/components/mdInputContainer/common.js
index c82fe60..e0a4ed4 100644
--- a/src/components/mdInputContainer/common.js
+++ b/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 {
diff --git a/src/components/mdInputContainer/mdInput.vue b/src/components/mdInputContainer/mdInput.vue
index 5405cfd..403858a 100644
--- a/src/components/mdInputContainer/mdInput.vue
+++ b/src/components/mdInputContainer/mdInput.vue
@@ -7,6 +7,7 @@
     :required="required"
     :placeholder="placeholder"
     :maxlength="maxlength"
+    :readonly="readonly"
     @focus="onFocus"
     @blur="onBlur"
     @input="onInput"