Proposal: Round(ed) Button

Proposal: Round(ed) Button

Summary

This would be a button which overrides it’s CornerRadius value to always create a rounded “pill” like appearance

Rationale

• Based on Button, except the CornerRadius is determined to always be half the height of the button as rendered
• Minimum width matches the height making the Button appear as a circle. (like an Icon only Button for instance)

Scope

Capability	Priority
CornerRadius is handled by the control, and not discreetly	Must
Include Accent and Subtle style variants	Should
RepeatButton and ToggleButton variants	Could
There could be scope for DropDown and SplitButton variants	Could

Important Notes

As content changes for buttons, if text is wrapped or font sizes changed, just using styles or CornerRadius values will not work, so this is why I am proposing something more than just including styles.

Open Questions

Could this perhaps be added as a property on the ButtonBase control when the source is opened, to remove the need to duplicate or derive these controls?

[huoyaoyuan]

Could this perhaps be added as a property on the ButtonBase control when the source is opened, to remove the need to duplicate or derive these controls?

It definitely should. Creating new control for this is opposed to the spirit of xaml that don’t create new controls for duplicated functionality with just styling.

just using styles or CornerRadius values will not work

Styling system should be improved to make that possible.

[SeanLedbetter]

Overly rounded buttons seem like a bad design choice to me. Right now, Google has them all over the place. I wouldn’t say Google is the best at design. I don’t know why overly rounded buttons seem so out of place… maybe it’s because they are not form fitting to the content area or the squared screen they are displayed on. Also, it reminds me of the pill toggle when Windows 10 first came out. Does anyone remember the pill toggle? I had almost forgotten.