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.

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

[Badge][material-next] Add Badge component #37835

Closed
8 tasks done
DiegoAndai opened this issue Jul 5, 2023 · 0 comments · Fixed by #37850
Closed
8 tasks done

[Badge][material-next] Add Badge component #37835

DiegoAndai opened this issue Jul 5, 2023 · 0 comments · Fixed by #37850
Assignees
@DiegoAndai
Labels
component: badge This is the name of the generic UI component, not the React module! design: material you design: material This is about Material Design, please involve a visual or UX designer in the process
Milestone
Material UI v8 (d...

Comments

@DiegoAndai
Copy link
Member

DiegoAndai commented Jul 5, 2023 •
edited
Loading

This issue is to track the work for adding the Badge component to @mui/material-next, moving forward with the Material You effort (#29345)

Material You Badge specification: https://m3.material.io/components/badges/overview

Migration Guide steps

  • Copy component files from material (v5) to material-next: PR #37850
  • Migrate component to Typescript: PR #37850
  • Remove deprecated components and componentsProps props: PR #37850
  • Drop support for ThemeProvider in favor of CssVarsProvider: PR #37850
  • Refactor component to use Base UI’s hook if it exists: Skipped, was already using Base's hook in v5.
  • Implement Material You design specs: PR #37850
  • Add component playground to v5 docs: PR #37850
  • Refactor styles to use component CSS Variables: PR #37850

Note: If a task is marked as [WIP] it means someone is working on it
@DiegoAndai DiegoAndai added design: material This is about Material Design, please involve a visual or UX designer in the process component: badge This is the name of the generic UI component, not the React module! v6.x design: material you labels Jul 5, 2023
@DiegoAndai DiegoAndai self-assigned this Jul 5, 2023
This was referenced Jul 5, 2023
Open
Merged
@lhilgert9 lhilgert9 mentioned this issue Dec 6, 2023
Merged
1 task
@DiegoAndai DiegoAndai added v7.x and removed v6.x labels Dec 26, 2023
@DiegoAndai DiegoAndai added this to the Material UI: v7 draft milestone Dec 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@DiegoAndai DiegoAndai

Labels
component: badge This is the name of the generic UI component, not the React module! design: material you design: material This is about Material Design, please involve a visual or UX designer in the process
Projects
Joy UI
Status: Recently completed
Milestone
Material UI v8 (draft)
Development

Successfully merging a pull request may close this issue.

[Badge][material-next] Add Badge component DiegoAndai/material-ui
2 participants
@oliviertassinari @DiegoAndai