Skip to content

[material-ui][ToggleButtonGroup] Add functionality to keep buttons separate #45569

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
Mikilll94 opened this issue Mar 13, 2025 · 0 comments
Open

[material-ui][ToggleButtonGroup] Add functionality to keep buttons separate #45569

Mikilll94 opened this issue Mar 13, 2025 · 0 comments
Assignees
@DiegoAndai
Labels
component: toggle button This is the name of the generic UI component, not the React module! new feature New feature or request package: material-ui Specific to @mui/material waiting for 👍 Waiting for upvotes

Comments

@Mikilll94
Copy link

Mikilll94 commented Mar 13, 2025 •
edited by github-actions bot
Loading

Summary

Currently it's not possible to easily separate buttons in ToggleButtonGroup component.

If you try to do that i.e. by using CSS gap property, then as you can see left borders are missing

Image

https://stackblitz.com/edit/react-kkov5aav?file=Demo.tsx

Examples

No response

Motivation

In Joy UI you can set spacing for buttons in ToggleButtonGroup. Material should also have this feature:

Image

Search keywords: ToggleButtonGroup, separate
@Mikilll94 Mikilll94 added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Mar 13, 2025
@zannager zannager added the component: toggle button This is the name of the generic UI component, not the React module! label Mar 14, 2025
@ZeeshanTamboli ZeeshanTamboli changed the title ToggleButtonGroup - keep buttons separate [material-ui][ToggleButtonGroup] Keep buttons separate Mar 15, 2025
@ZeeshanTamboli ZeeshanTamboli added package: material-ui Specific to @mui/material and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Mar 15, 2025
@ZeeshanTamboli ZeeshanTamboli changed the title [material-ui][ToggleButtonGroup] Keep buttons separate [material-ui][ToggleButtonGroup] Add functionality to keep buttons separate Mar 15, 2025
@ZeeshanTamboli ZeeshanTamboli added new feature New feature or request waiting for 👍 Waiting for upvotes labels Mar 15, 2025
@sai6855 sai6855 mentioned this issue May 2, 2025
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@DiegoAndai DiegoAndai

Labels
component: toggle button This is the name of the generic UI component, not the React module! new feature New feature or request package: material-ui Specific to @mui/material waiting for 👍 Waiting for upvotes
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@DiegoAndai @Mikilll94 @ZeeshanTamboli @zannager