Skip to content
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.

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

[IconButton] Remove label span #26801

Merged
merged 3 commits into from
Jun 17, 2021
Merged

Conversation

siriwatknp
Copy link
Member

@siriwatknp siriwatknp commented Jun 17, 2021

BREAKING CHANGE
span element that wraps children has been removed. label classKey is also removed. More details about this change.

<button class="MuiIconButton-root">
- <span class="MuiIconButton-label">
    <svg />
- </span>
</button>

follow up of #26666

preview 👉 https://deploy-preview-26801--material-ui.netlify.app/components/buttons/#icon-button

@siriwatknp siriwatknp added breaking change component: icon button This is the name of the generic UI component, not the React module! labels Jun 17, 2021
@mui-pr-bot
Copy link

mui-pr-bot commented Jun 17, 2021

Details of bundle changes (experimental)

Generated by 🚫 dangerJS against a082950

@@ -1019,6 +1019,16 @@ You can use the [`collapse-rename-collapsedheight` codemod](https://github.com/m
+ <IconButton size="large">
```

- `span` element that wraps children has been removed. `label` classKey is also removed. Read more about [span removal](https://github.com/mui-org/material-ui/pull/26666).
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think developer might be curious about why it is removed, so link to the description of the PR.

@@ -631,7 +631,7 @@ You can use the [`moved-lab-modules` codemod](https://github.com/mui-org/materia

You can use the [`button-color-prop` codemod](https://github.com/mui-org/material-ui/tree/HEAD/packages/material-ui-codemod#button-color-prop) for automatic migration.

- `span` element that wraps children has been removed. `label` classKey is also removed.
- `span` element that wraps children has been removed. `label` classKey is also removed. More details about [this change](https://github.com/mui-org/material-ui/pull/26666).
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think developer might be curious why it is removed, so I link to the description of the PR.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's really helpful 👍

@oliviertassinari oliviertassinari removed their request for review June 17, 2021 11:35
@siriwatknp siriwatknp merged commit 567e6cf into mui:next Jun 17, 2021
@siriwatknp siriwatknp deleted the fix/icon-button-span branch June 17, 2021 13:00
@siriwatknp siriwatknp mentioned this pull request Jun 23, 2021
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
breaking change component: icon button This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants