CODEWITHSUNDEEP
vue.jsvuejs2vue-componentvuetify.js
JustStartedProgramming
JustStartedProgramming

Reputation: 327

v-text-field textarea default height change?

I am using v-text-filed and in that, I am using textarea. I want to change the default height of textarea and make it small. Is it possible to do this?

            <v-text-field
              name="input-1"
              label="Label Text"
              textarea
            ></v-text-field>

Upvotes: 4

Views: 16356

Answers (2)

Thxopen
Thxopen

Reputation: 188

If you want to use textarea, I think use <v-textarea> tag is better. The example code is:

  <v-textarea
    name="content"
    hint="hint text"
    rows="2"
  ></v-textarea>

you also follow this link to get more details

Upvotes: 1

Traxo
Traxo

Reputation: 19002

add rows property

<v-text-field
    name="input-1"
    label="Label Text"
    textarea
    rows="2"
></v-text-field>

Upvotes: 9

Related Questions