CODEWITHSUNDEEP
javascriptvue.jsclassvuetify.jsword-wrap
user12933680
user12933680

Reputation:

How to text wrap to next line in Vuetify when class text-wrap not working?

I have cards that cut off words, moving them to a new line: enter image description here

I tried to use class="text-wrap", but it doesn't work:

  <div>
    <v-card max-width="1000" elevation="6">
      <div class="mb-8 text-wrap">
        <v-sheet dark color="grey darken-2" class="text-wrap">
          <v-card-title
            color="grey darken-2 white--text"
            class="d-block font-weight-regular text-wrap">
            {{ label }}
          </v-card-title>
        </v-sheet>
      </div>
    </v-card>
  </div>

Upvotes: 6

Views: 7410

Answers (1)

user12933680
user12933680

Reputation:

Thanks to @Chin.Udara solution is: <v-card-title style="word-break: break-word"...

Upvotes: 8

Related Questions