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

[charts][docs] Convert the "all components" images to CSS #12743

Open
danilo-leal opened this issue Apr 11, 2024 · 1 comment
Open

[charts][docs] Convert the "all components" images to CSS #12743

danilo-leal opened this issue Apr 11, 2024 · 1 comment
Assignees
Labels
component: charts This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer docs Improvements or additions to the documentation

Comments

@danilo-leal
Copy link
Contributor

danilo-leal commented Apr 11, 2024

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 Chart images.

Search keywords: component images css

@danilo-leal danilo-leal added docs Improvements or additions to the documentation component: charts This is the name of the generic UI component, not the React module! 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
@alexfauquette
Copy link
Member

Waiting to see what the new overview pages will look like

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: charts This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer docs Improvements or additions to the documentation
Projects
None yet
Development

No branches or pull requests

2 participants