MudCheckBox Dense feature

[lskyum]

Is your feature request related to a problem? Please describe.
Sometimes MudCheckBox takes up a lot of space because of the "hoover circle" around it. This makes it hard to make compact designs where a checkbox is part of it. Somehow MudTable manages to shink it's size anyway, but here the circle overlaps the other rows.

Describe the solution you'd like
A Dense="true" option on MudCheckBox would be awesome.

The smaller of the circles here are taken from material.io website:

Describe alternatives you've considered
A haven't found any workarounds yet...

[porkopek]

You can achieve this in your app with

label.mud-checkbox>.mud-icon-button {
    padding: 4px;
}

[lskyum]

@porkopek Thanks for the workaround!

I made a small addition, so I can control which checkboxes it applies to:
https://try.mudblazor.com/snippet/QYcvaTmIrlRMOJtC

[porkopek]

You did it right!

[marcmognol]

Hi @lskyum ,

Maybe you can make a pull request? I am also interested in this Dense property.

Thanks in advance

[lskyum]

@Heisenberg74
I may just make a PR eventually, but right now I'm too busy finishing a project.

[lskyum]

Question: Would it make sense to add a Size instead of Dense? For example the same sizes as MudIconButton.
MudIconButton also scales the icon, but I guess MudCheckBox should not scale the checkbox itself?

[henon]

This issue is now organized in our feature requests project

Note: the issue is closed but that doesn't mean that this won't be implemented. Check the project to see how it is scheduled. If enough users vote for a different scheduling it can be changed. Also, if you want to PR this feature you may do so any time.

You can still discuss this feature here!