Vuetify: [Feature Request] v-card-title need align options as text

[ppKrauss]

New Functionality

Something to control align... Perhaps reusing the strategy of v-card-text, so, for instance, to center a title using

<v-card-title class="text-md-center">Test</v-card-title>

Improvements

Same as <v-card-text class="title-md-center">Test</v-card-text>

Bugs or Edge Cases it Helps Avoid

No-align is bad to design.

[KaelWD]

v-card-title is a flex container for reasons unknown, so class="justify-center" works.

[ppKrauss]

Hi @KaelWD , thanks to the clue, is a first solution... But the suggestion is also to uniformize.

---

Other problem with justify-center is that is not a box-oriented.
Example, class="cardTitle justify-center"

.cardTitle {
  border-style: dashed;
  border-width: 1px;
  width: 60%;
  border-color: #888;
}

is not at center.

[johnleider]

This can be accomplished in quite a few ways already:

https://codepen.io/johnjleider/pen/wmWmWg

[keikoro]

I agree that -title not reacting the same way as -text is not intuitive...

[johnleider]

We are looking to improve various components associated with cards in v1.2.

[alexalexson143]

v-card-title is a flex container for reasons unknown, so class="justify-center" works.

Thanks for this, but I can't seem to find the helper classes in the documentation? As of Nov 25, 2018, all I can see about justify-center is in https://vuetifyjs.com/en/layout/grid#api which is a property of v-container, not a utility class.

[ghost]

v-card-title is a flex container for reasons unknown, so class="justify-center" works.

Thanks for this, but I can't seem to find the helper classes in the documentation? As of Nov 25, 2018, all I can see about justify-center is in https://vuetifyjs.com/en/layout/grid#api which is a property of v-container, not a utility class.

Feb 2019 this closed github post was the only place I could find the answer to this issue. Things like centering titles/text inside components would make the docs great.

[Berkmann18]

@ghost The documentation hasn't been helpful for that.