v-text-field textarea default height change?

Question

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>

Solution 1

add rows property

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

Solution 2

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

Comments

[Traxo]

add e.g. rows="2" ?

[JustStartedProgramming]

@Traxo It is working now, thanks