[Feature Request] Helper Text in Mini variant of Navigation Drawer

[nutann3]

Problem to solve

In current version, Mini variant of navigation drawer has only icon where in some cases it is hard to interpret its representation.

Proposed solution

Displaying helper text underneath the icon will solve this problem.
We can use tooltips to solve this problem but Helper texts are more elegant.

Youtube's Reference Image

[MathewtheCoder]

That sounds interesting maybe we can add the feature with mini-variant-label-display prop which will be a boolean. But then there will be width and text overflow issues for longer titles. And it might conflict with already existing mini-variant-width. Can i look into this feature request ?

[Abhimanyu-Jana]

+1 to this feature

[mikesaintsg]

I have come up with something similar, a quick custom hack would be:

<v-list-item class="text-center pa-0 pt-3" link> <span> <v-icon>home</v-icon> <v-subheader>Home</v-subheader> </span> </v-list-item>

[johnleider]

We will be bringing a new component VNavigationBtn that will be the suggested usage for app-bar, navigation-drawer(rail), and bottom-navigation.