Radios are helpful when presenting a set of mutually exclusive options out of which a user must make one selection. Keep these points in mind:
Each option in a radio group should be mutually exclusive from the other to make it easier for a user to make a selection.
Always present radio options with an intro sentence (or label) that describes the choice the user has to make. End the label with a colon.
If your options are single sentences, words or fragments, don’t place a period, comma or semicolon at the end of them. Always err on the side of minimal punctuation, so leave out full stops and commas where possible.
All radio copy should be in sentence case i.e. the first letter of the first word is capitalized and everything else is in lower case unless it’s a proper noun or feature name.
divwrapping the Radios
Some websites have a “radio button group” concept where radio options are styled like buttons and you can only select one in the group. That’s a different thing to this.
Here are some examples of other existing design systems: