search

Megabit / Blazorise

Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material.
https://blazorise.com/
Other
3.27k stars 530 forks source link

Add Mixed Styles With RadioGroup Buttons #5728

Open mtbayley opened 2 weeks ago

mtbayley commented 2 weeks ago

Currently, all colors are the same with the Color parameter on RadioGroup. I'm requesting an easy way to customize the colors per button. See bootstrap docs.

https://getbootstrap.com/docs/5.3/components/button-group/#mixed-styles

image

stsrki commented 2 weeks ago

The example you posted is for the button group. We already support setting each individual button color for button groups. See the docs https://blazorise.com/docs/components/button

For RadioGroup, it is a different story because they are a "hacked" version of buttons that are applied to the label TAG. While it would work initially, it would not be ideal. For example, border colors would be different for buttons.

We don't have plans to add this feature at the moment.

mtbayley commented 2 weeks ago

I don't understand what you mean by the border colors. I was able to modify the classes in the DOM to make the demo show what I want. image

But I'll see what I can cobble together with the button group instead

stsrki commented 2 weeks ago

By border colors, I meant all of the styles. For hover, active, disabled states. They could leak into neighboring buttons and could look weird. But, I could be wrong. So, I need to try it and see how it goes.