<template>
    <div>
        <div class="content-section introduction">
            <div class="feature-intro">
                <h1>Textarea</h1>
                <p>Textarea is a multi-line text input element.</p>
            </div>
        </div>

        <div class="content-section implementation">
            <h3 class="first">Basic</h3>
            <Textarea v-model="value1" rows="5" cols="30" />

            <h3>Auto Resize</h3>
            <Textarea v-model="value2" :autoResize="true" rows="5" cols="30" />

            <h3>Disabled</h3>
            <Textarea v-model="value3" disabled rows="5" cols="30" />
        </div>

        <TextareaDoc/>
    </div>
</template>

<script>
import TextareaDoc from './TextareaDoc'

export default {
    data() {
        return {
            value1: 'Welcome to PrimeVue',
            value2: '',
            value3: ''
        }
    },
    components: {
        'TextareaDoc': TextareaDoc
    }
}
</script>
