

When users' options lie within a range of values (for example, 10, 20, 30. If there are more than eight options, use a combo box. If the available options are based on an app's current context, or they can otherwise vary dynamically, use a list control. Make sure that the purpose and current state of a set of radio buttons is explicit.Limit the radio button's text label to a single line.If the text label is dynamic, consider how the button will automatically resize and what will happen to any visuals around it.Use the default font unless your brand guidelines tell you otherwise.Don't put two RadioButtons groups side by side.RadioButtons overview RadioButtons vs RadioButton When two RadioButtons groups are right next to each other, it can be difficult for users to determine which buttons belong to which group. There are two ways to create radio button groups: RadioButtons and RadioButton.This control simplifies layout, handles keyboard navigation and accessibility, and supports binding to a data source.You can use groups of individual RadioButton controls.Keyboard access and navigation behavior have been optimized in the RadioButtons control. These improvements help both accessibility and keyboard power users move through the list of options more quickly and easily. In addition to these improvements, the default visual layout of individual radio buttons in a RadioButtons group has been optimized through automated orientation, spacing, and margin settings. This optimization eliminates the requirement to specify these properties, as you might have to do when you use a more primitive grouping control, such as StackPanel or Grid. The RadioButtons control supports two states: The RadioButtons control has special navigation behavior that helps keyboard users navigate the list more quickly and more easily. The next sections describe the focus behavior of the control in each state. When no radio button is selected, the first radio button in the list gets focus.
