\n```\n\n---\nbut if i set defaultVariants in `app.config` its works:\n```\ndefaultVariants: {\n color: 'neutral',\n button: true\n},\n```\n\n---\nso how do you make it work?",[3195,3198,3199,3200],{"name":3196,"color":3197},"question","d876e3",{"name":3141,"color":3142},{"name":3172,"color":3173},{"name":3175,"color":3173},3179,"Understanding how variants work (custom variants)","2025-06-18T09:02:25Z","https://github.com/nuxt/ui/issues/3179",0.6960675,{"labels":3207,"number":3213,"owner":3147,"repository":3147,"state":3187,"title":3214,"updated_at":3215,"url":3216,"score":3217},[3208,3210],{"name":3168,"color":3209},"8DEF37",{"name":3211,"color":3212},"2.x","d4c5f9",4430,"Multi-variant Nuxt App","2023-01-22T15:50:48Z","https://github.com/nuxt/nuxt/issues/4430",0.7126111,{"description":3219,"labels":3220,"number":3223,"owner":3147,"repository":3148,"state":3187,"title":3224,"updated_at":3225,"url":3226,"score":3227},"### Description\n\nIn our project, we aim to standardize the size of components across the application for consistency and maintainability. However, it seems there isn't a straightforward way to configure the default size for all inputs using app.config.",[3221,3222],{"name":3196,"color":3197},{"name":3141,"color":3142},2973,"How to allow customization of default components sizes via app.config?","2024-12-26T16:30:20Z","https://github.com/nuxt/ui/issues/2973",0.71537274,{"description":3229,"labels":3230,"number":3235,"owner":3147,"repository":3148,"state":3187,"title":3236,"updated_at":3237,"url":3238,"score":3239},"### Description\n\nIs there a way to add custom props to a component for styling—similar to how variant works for buttons? I’d like to add variant support to FormField, but currently, it only supports size.\n\nMy main goal is to allow styling of components provided by my Nuxt module. Ideally, I want to define variants and extra props via app.config.ts. An alternative approach I'm thinking of is to offer per-component config options, similar to Nuxt UI, but managed separately from its config.",[3231,3232,3233,3234],{"name":3196,"color":3197},{"name":3141,"color":3142},{"name":3172,"color":3173},{"name":3175,"color":3173},4148,"Additional props like variants for styling","2025-08-20T02:08:47Z","https://github.com/nuxt/ui/issues/4148",0.7270315,{"labels":3241,"number":3244,"owner":3147,"repository":3147,"state":3187,"title":3245,"updated_at":3215,"url":3246,"score":3247},[3242,3243],{"name":3168,"color":3209},{"name":3211,"color":3212},4320,"Default pre-processor language","https://github.com/nuxt/nuxt/issues/4320",0.73125535,{"labels":3249,"number":3257,"owner":3147,"repository":3147,"state":3187,"title":3258,"updated_at":3259,"url":3260,"score":3261},[3250,3251,3254],{"name":3168,"color":3209},{"name":3252,"color":3253},"3.x","29bc7f",{"name":3255,"color":3256},"components","05B979",14051,"automatic components/global support","2023-01-19T17:37:47Z","https://github.com/nuxt/nuxt/issues/14051",0.73167574,["Reactive",3263],{},["Set"],["ShallowReactive",3266],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fMWqqj5znlX8tpYkijdvrVH1yx8zVV29wV9UEVA8kecE":-1},"/nuxt/ui/4665"]