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

Created on 23 Nov 2018 · 5Comments · Source: vuetifyjs/vuetify

I'd like to make the v-radio smaller to adapt the screen size (change the font-size of the icon), but the ripple with it was not responsive.
I read the source code, but result makes me sad. So can you provide the prop that we can adjust the size of v-radio?

https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VRadioGroup/VRadio.js#L69

the

VCheckbox VRadio feature

Source

ly525

Most helpful comment

Yes. I'd love to have a <v-checkbox large></v-checkbox>

keyboardSmasher on 24 Mar 2019

👍30

All 5 comments

Here's how I got this working: https://codepen.io/jongallant/pen/MLGPVR

jongio on 12 Feb 2019

@jongio Thanks for your demo, I have tried it. but I think that's not what I want. Because It doesn't show the relationship between the font size of the icon and the size of ripple.

thanks again!

ly525 on 12 Feb 2019

Yeah. Def still need feature. That was just a stopgap.

jongio on 12 Feb 2019

Yes. I'd love to have a <v-checkbox large></v-checkbox>

keyboardSmasher on 24 Mar 2019

👍30

The team has decided that anything involving changing the size of input controls would be done so as part of the Density specification:

https://material.io/design/layout/applying-density.html#usage

Thank you for the Feature Request and interest in improving Vuetify. After careful consideration the team has decided that this is not functionality that we are looking to implement at this time.

If you have any additional questions, please reach out to us in our Discord community.