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

[Chip][material-next] Add Chip component #38024

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

[Chip][material-next] Add Chip component #38024

DiegoAndai opened this issue Jul 18, 2023 · 0 comments · Fixed by #38927
Assignees
Labels
component: chip 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

Comments

@DiegoAndai
Copy link
Member

DiegoAndai commented Jul 18, 2023

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

Material You Chip specification: https://m3.material.io/components/chips/overview

Migration Guide steps

  • Copy component files from material (v5) to material-next: PR #38053
  • Migrate component to Typescript: PR #38927
  • Remove deprecated components and componentsProps props: Skipped, chip does not implement either (see additional work below)
  • Drop support for ThemeProvider in favor of CssVarsProvider: PR #38927
  • Refactor component to use Base UI’s hook if it exists: Not required, handled in ButtonBase
  • Implement Material You design specs: PR #38927
  • Add component playground to v5 docs: PR #38927
  • Refactor styles to use component CSS Variables: PR #38927

Follow up work

Note: If a task is marked as [WIP] it means someone is working on it

@DiegoAndai DiegoAndai changed the title Chip [Chip][material-next] Add Chip component Jul 18, 2023
@DiegoAndai DiegoAndai self-assigned this Jul 18, 2023
@DiegoAndai DiegoAndai added design: material This is about Material Design, please involve a visual or UX designer in the process component: chip This is the name of the generic UI component, not the React module! design: material you labels Jul 18, 2023
@DiegoAndai DiegoAndai moved this to In progress in Joy UI Jul 18, 2023
@github-project-automation github-project-automation bot moved this from In progress now to Recently completed in Joy UI Sep 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
Labels
component: chip 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
Status: Recently completed
Development

Successfully merging a pull request may close this issue.

2 participants