[docs] Improve "Example projects" page design
- [x] I have followed (at least) the PR section of the contributing guide.
Just giving it a bump so it's one less bullet list throughout the docs!
https://deploy-preview-37007--material-ui.netlify.app/material-ui/getting-started/example-projects/
Netlify deploy preview
Bundle size report
Generated by :no_entry_sign: dangerJS against b73c2199842871bd47b617b042719567cd4e3d06
Love this! Definitely a huge upgrade.
One thing to consider: we could have examples that are more complex than the ones listed here—see this comment—for example, Material + Vite + Tailwind. How might we fit examples like that into this format?
@samuelsycamore The heading can always wrap but, following the example, to make a shorter one, we could just cut "Base" from it, as it'd be sitting in an equivalent "Example projects" page within the Base docs, I think? We could also play with the icon design a bit so, say, Vite + Tailwind logos are overlapped. All in all, it might be good to expose this component I created⎯ExampleCollection⎯ as a more general one, instead of having one for each docs, so we maintain consistency and adhere to these expansions use cases there as well (as variants, probably). What do you think?
@siriwatknp heya! 👋 Mind giving this one a review?
@siriwatknp heya! 👋 Mind giving this one a review?
Noted @danilo-leal. Sorry for the late response. I was busy with the Reactathon conference the whole week.
Will definitely take the last look after landed! 🛫
@siriwatknp Woo, sweet, thanks for answering ⎯ no rush, too, though!
It looks great 👍🔥