carbon
carbon copied to clipboard
Sage
Button Toggle Group cannot apply width adjustment
Current behaviour
As a developer, I cannot set the width of the Buttons inside the ToggleButtonGroup component. It's also not possible to set ToggleButton Group to be full width. and set position to center if neededcentre
Expected behaviour
As a developer, I want to be able to set the width of the ToggleButton Inside ToggleButtonGroup and the possibility to set the position of buttons without adding extra ugly hacks
CodeSandbox or Storybook URL
https://codesandbox.io/s/zen-morse-4kpu2w?file=/src/index.js
JIRA Ticket (Sage Only)
SBS-41388
Suggested Solution
No response
Carbon Version
110.1.1
Design Tokens Version
2.40.0
What browsers are you seeing the problem on?
Chrome, Microsoft Edge
What Operating System are you seeing the problem on?
Windows
Anything else we should know?
No response
Confidentiality
- [X] I confirm there is no confidential or commercially sensitive information included.
@ljemmo what are your thoughts on this? Is this something we should provide in Carbon?
@robinzigmond Currently the width of the buttons is set to hug the inner content by design. I'd need review the proposed fixed width design to see whether we want to support this in figma/carbon. Please feel free to DM me the design in question @wkustrzykSage
We do have this already on our backlog, but we'll block this for now
FE-5493
@Parsium i never received a design to review I'm afraid. We definitely need a decision log whether we can share screenshots and context imo.
@Parsium reviewed with @wkustrzykSage and we're fine to go ahead with the creation of this full-width prop from a DS perspective.
:tada: This issue has been resolved in version 111.14.0 :tada:
The release is available on:
Your semantic-release bot :package::rocket:
