[material-ui][Checkbox] Add slots and slotProps

[sai6855]

part of #41281

This PR adds missing root slot

[mui-bot]

Netlify deploy preview

https://deploy-preview-44974--material-ui.netlify.app/

Checkbox: parsed: +1.98% , gzip: +1.85%

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against 4a3ca79

[oliviertassinari]

I'm not following, what's the use case to have?

  slotProps: PropTypes.shape({
    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
  }),

[oliviertassinari]

What's the runtime cost of this for the component?

[sai6855]

I'm not following, what's the use case to have?

  slotProps: PropTypes.shape({
    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
  }),

I'm not entirely sure about adding slots and SlotProps if a component only has a root slot; maybe it's just for consistency.

@siriwatknp is my understanding correct?

[siriwatknp]

The checkbox should have slots.input too. If you track back to SwitchBase, it has SwitchBaseRoot and SwitchBaseInput.

User should be able to do this:

<Checkbox slotProps={{
  root: { className: '...' },
  input: { className: '...' },
}} />

[sai6855]

@siriwatknp I'm bit confused on how to handle slots.input here, since input slot is not passed to SwitchBase from Checkbox but only inputProps are passed.

[siriwatknp]

Does it make sense to deprecate inputProps in favor of slotProps.input? cc @DiegoAndai

I mean deprecate the inputProps of Checkbox, but still passing slotProps.input to <RootSlot inputProps={slotPropss.input} /> because SwitchBase is an internal component, no need to update it.