Vuetify: [Feature Request] support prop hint and persistent-hint for v-radio and v-checkbox

Created on 23 Feb 2019  路  1Comment  路  Source: vuetifyjs/vuetify

I'm wondering why the hint prop shouldn't be available for v-radio and other radio-group components!

I need it to show some help message for each radio button and seems already I should do that in a dirty way.
screenshot from 2019-02-23 18-26-26

VCheckbox VRadio feature

Most helpful comment

Yes this would be a great feature.

@mehrunrasoli what was the dirty way you found for this?

I could get close but not as nicely as yours...

    <v-radio-group v-model="selectedOperation">
        <v-radio :value="operation" v-for="operation in operations" v-bind:key="operation.id">
           <template v-slot:label>
              <div>
                <div class="font-weight-medium">{{operation.name}}</div>
                <div class="font-weight-regular caption">{{operation.description}}</div>
              </div>
          </template>
        </v-radio>
     </v-radio-group>

image

How do you keep the nice alignment on the main label?

>All comments

Yes this would be a great feature.

@mehrunrasoli what was the dirty way you found for this?

I could get close but not as nicely as yours...

    <v-radio-group v-model="selectedOperation">
        <v-radio :value="operation" v-for="operation in operations" v-bind:key="operation.id">
           <template v-slot:label>
              <div>
                <div class="font-weight-medium">{{operation.name}}</div>
                <div class="font-weight-regular caption">{{operation.description}}</div>
              </div>
          </template>
        </v-radio>
     </v-radio-group>

image

How do you keep the nice alignment on the main label?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dohomi picture dohomi  路  3Comments

paladin2005 picture paladin2005  路  3Comments

milleraa picture milleraa  路  3Comments

chriswa picture chriswa  路  3Comments

Webifi picture Webifi  路  3Comments