CODEWITHSUNDEEP
cssvue.jsvuetify.jsnuxt.js
amu03
amu03

Reputation: 361

How to remove margin on <v-textarea>? vuetify

I have a textarea and I found that it has top margin. like this..

enter image description here

this is my code:

<v-flex d-flex xs12>
    <v-textarea
       v-model="test"
       outline
       type="text"
       color="primary"
       v-validate="{required: true}"
       data-vv-name="test"
       :error-messages="errors.collect('test')"
     > </v-textarea>
 </v-flex>

I tried adding class="mt-0" to v-textarea but it did not work. Does anyone know how to remove and why I have this top margin?

I am using version 1.5.x

Thanks!!

Upvotes: 1

Views: 367

Answers (1)

Borna Marin
Borna Marin

Reputation: 113

Not the best practice but you can inspect elements and find which class adds the margin. Then add custom class on textarea.

.your-class >>> .textarea-class-that-you-found {
    margin-top: 0
  }

Upvotes: 2

Related Questions