diff --git a/docs/src/pages/components/Input.vue b/docs/src/pages/components/Input.vue
index f3e3d97..a19e22c 100644
--- a/docs/src/pages/components/Input.vue
+++ b/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>
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"
diff --git a/src/components/mdInputContainer/mdTextarea.vue b/src/components/mdInputContainer/mdTextarea.vue
index de5edc1..73c6d38 100644
--- a/src/components/mdInputContainer/mdTextarea.vue
+++ b/src/components/mdInputContainer/mdTextarea.vue
@@ -6,6 +6,7 @@
     :required="required"
     :placeholder="placeholder"
     :maxlength="maxlength"
+    :readonly="readonly"
     @focus="onFocus"
     @blur="onBlur"
     @input="onInput"></textarea>