Hi @bhaveshraja, I'm tidying up the toggle group (a cluster of on/off buttons that sit together, like the text-alignment set) and want to get the defaults right from you.
For each thing below, could you tell me whether it should always look this way (I'll bake it in so it stays consistent), or whether it should be adjustable depending on where it's used?
-
The three sizes. The buttons come in small, medium, and large, and the whole group shares one size so every button in it matches. Should those three be the full set, with medium as the everyday default?
-
How the buttons sit together. Right now they're laid out in a row, side by side. Should a group always go across in a row, or do you ever want one stacked vertically?
-
The look of a pressed button. When a button is on, it gets a soft selected background and its icon turns to our stronger icon colour; when it's off it's see-through and the icon is the muted grey. Should that selected look and those colours always be the same across every group?
-
The icons inside. In the example each button holds a single icon. Is "icon-only" the standard for this group, or should buttons here also be able to show a short word?
Anything you mark "always," I'll build into the component. Anything that's "depends," I'll leave open for the team to set. Thanks!
Hi @bhaveshraja, I'm tidying up the toggle group (a cluster of on/off buttons that sit together, like the text-alignment set) and want to get the defaults right from you.
For each thing below, could you tell me whether it should always look this way (I'll bake it in so it stays consistent), or whether it should be adjustable depending on where it's used?
The three sizes. The buttons come in small, medium, and large, and the whole group shares one size so every button in it matches. Should those three be the full set, with medium as the everyday default?
How the buttons sit together. Right now they're laid out in a row, side by side. Should a group always go across in a row, or do you ever want one stacked vertically?
The look of a pressed button. When a button is on, it gets a soft selected background and its icon turns to our stronger icon colour; when it's off it's see-through and the icon is the muted grey. Should that selected look and those colours always be the same across every group?
The icons inside. In the example each button holds a single icon. Is "icon-only" the standard for this group, or should buttons here also be able to show a short word?
Anything you mark "always," I'll build into the component. Anything that's "depends," I'll leave open for the team to set. Thanks!