Components styling performance

[vitalijalbu]

Description

Hi guys, I’d like to increase the height of all components (buttons, selects etc…) to 40px, so there already 2 methods:

• manually add styles inside the theme config
• use XL prop class

Is there any performance difference between the 2? Meaning what’s the best way to do it?
Thanks 🙏

[vitalijalbu]

anyone can help here? thanks

[benjamincanac]

What do you mean by performance difference? 🤔 I would say the best way to achieve that would be to change the defaultVariants.size to xl in your app.config.ts. This would change the default size of all buttons to xl.