diff --git a/examples/routers/input.vue b/examples/routers/input.vue
index 5c587f0c..33004a4d 100644
--- a/examples/routers/input.vue
+++ b/examples/routers/input.vue
@@ -1,57 +1,16 @@
 <template>
-    <div>
-        <Input v-model="value11" size="small">
-            <span slot="prepend">http://</span>
-            <span slot="append">.com</span>
-        </Input>
-        <br>
-        <Input v-model="value12" size="small">
-            <Select v-model="select1" slot="prepend" style="width: 80px">
-                <Option value="http">http://</Option>
-                <Option value="https">https://</Option>
-            </Select>
-            <Select v-model="select2" slot="append" style="width: 70px">
-                <Option value="com">.com</Option>
-                <Option value="org">.org</Option>
-                <Option value="io">.io</Option>
-            </Select>
-        </Input>
-        <br>
-        <Input v-model="value13" size="small">
-            <Select v-model="select3" slot="prepend" style="width: 80px">
-                <Option value="day">Day</Option>
-                <Option value="month">Month</Option>
-            </Select>
-            <Button slot="append" icon="ios-search"></Button>
-        </Input>
-        <br>
-        <Input v-model="value13" size="large">
-        <Select v-model="select3" slot="prepend" style="width: 80px">
-            <Option value="day">Day</Option>
-            <Option value="month">Month</Option>
-        </Select>
-        <Button slot="append" icon="ios-search"></Button>
-        </Input>
-        <br>
-        <Input v-model="value13" size="default">
-        <Select v-model="select3" slot="prepend" style="width: 80px">
-            <Option value="day">Day</Option>
-            <Option value="month">Month</Option>
-        </Select>
-        <Button slot="append" icon="ios-search"></Button>
-        </Input>
+    <div style="width: 200px;margin: 100px;">
+        {{ value6 }}
+        <Input v-model="value5" type="textarea" placeholder="Enter something..."></Input>
+        <Input v-model="value6" type="textarea" :rows="4" placeholder="Enter something..."></Input>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                value11: '',
-                value12: '',
-                value13: '',
-                select1: 'http',
-                select2: 'com',
-                select3: 'day'
+                value5: '',
+                value6: ''
             }
         }
     }
diff --git a/src/components/input/input.vue b/src/components/input/input.vue
index b684a73b..df804990 100644
--- a/src/components/input/input.vue
+++ b/src/components/input/input.vue
@@ -35,6 +35,7 @@
         <textarea
             v-else
             :id="elementId"
+            :wrap="wrap"
             :autocomplete="autocomplete"
             :spellcheck="spellcheck"
             ref="textarea"
@@ -135,6 +136,12 @@
             },
             elementId: {
                 type: String
+            },
+            wrap: {
+                validator (value) {
+                    return oneOf(value, ['hard', 'soft']);
+                },
+                default: 'soft'
             }
         },
         data () {