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

[material-ui][docs] Convert the "all components" images to CSS #41856

Open
danilo-leal opened this issue Apr 11, 2024 · 0 comments
Open

[material-ui][docs] Convert the "all components" images to CSS #41856

danilo-leal opened this issue Apr 11, 2024 · 0 comments
Assignees
@danilo-leal
Labels
design This is about UI or UX design, please involve a designer docs Improvements or additions to the documentation package: material-ui Specific to @mui/material

Comments

@danilo-leal
Copy link
Contributor

danilo-leal commented Apr 11, 2024 •
edited
Loading

Summary

The Material UI, Base UI, and Charts docs have an "all components" page with illustrated cards for each component. These illustrations are currently done on Figma and added to the cards as png. That's not entirely ideal because:

  1. Maintaining them on Figma is an additional tool to manage
  2. Compressing images and then needing to download them is cumbersome and not efficient performance-wise
  3. We can't add micro animations

So, the idea is to, at some point, tackle all of these points by converting them into CSS.
This issue tracks the effort for the Material UI images.

Search keywords: component images css
@danilo-leal danilo-leal added docs Improvements or additions to the documentation design This is about UI or UX design, please involve a designer labels Apr 11, 2024
@danilo-leal danilo-leal self-assigned this Apr 11, 2024
@danilo-leal danilo-leal mentioned this issue Apr 11, 2024
Merged
1 task
@danilo-leal danilo-leal added the package: material-ui Specific to @mui/material label Apr 11, 2024
@danilo-leal danilo-leal changed the title [docs] Convert the "all components" images to CSS [material-ui][docs] Convert the "all components" images to CSS Apr 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@danilo-leal danilo-leal

Labels
design This is about UI or UX design, please involve a designer docs Improvements or additions to the documentation package: material-ui Specific to @mui/material
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@danilo-leal