Radio Button Size Attribute Not Working

[shawnhancock]

The Size attribute for the Radio Button (https://shoelace.style/components/radio-button) doesn't work in 2.4.0. They are all set to 'Medium' despite having different sizes applied. This can be seen in website page above.

Seems to be working in version 2.3.0.

[claviska]

A missing size attribute was added to <sl-radio-group> in 2.4.0 that's overriding your existing size attribute.

Instead of setting the size on radios and radio buttons, set it on the radio group instead:

<sl-radio-group label="Select an option" size="large" value="1">
  <sl-radio value="1">Large 1</sl-radio>
  <sl-radio value="2">Large 2</sl-radio>
  <sl-radio value="3">Large 3</sl-radio>
</sl-radio-group>

Note that the size attribute hasn't been removed from radio/radio button. You can still use it in compositions outside of <sl-radio-group> but, like other form controls, the size is now correctly determined by the controlling element.

While this was fixed in 2.4.0, I neglected to update the examples in the docs. This has been fixed in f136b8e.

I hope that helps!