Skip to content

[docs][base] Add page for all Base UI components#37536

Merged
danilo-leal merged 16 commits intomasterfrom
base-ui-supported-components
Jun 14, 2023
Merged

[docs][base] Add page for all Base UI components#37536
danilo-leal merged 16 commits intomasterfrom
base-ui-supported-components

Conversation

@danilo-leal
Copy link
Collaborator

@danilo-leal danilo-leal commented Jun 7, 2023

This PR adds an "All components" page that displays all available Base UI components. It's being created mostly because we want to have a button on the landing page that directs folks to a place where they can see from a glance everything that's there to use.

It is currently sorted alphabetically but if we think it's worth it, we can both add a filter + sort it categorically (as the side nav is) in the future. I made it that way purely because it was the easiest route, to begin with!

Preview: https://deploy-preview-37536--material-ui.netlify.app/base-ui/react-components/

Light Dark
Screen Shot 2023-06-12 at 12 44 57 Screen Shot 2023-06-12 at 12 45 01

@danilo-leal danilo-leal added docs Improvements or additions to the documentation. package: @mui/base Specific to @mui/base (legacy). labels Jun 7, 2023
@danilo-leal danilo-leal added this to the Base UI: Stable release milestone Jun 7, 2023
@mui-bot
Copy link

mui-bot commented Jun 7, 2023

Netlify deploy preview

Bundle size report

No bundle size changes

Generated by 🚫 dangerJS against e6e08ee

@danilo-leal danilo-leal self-assigned this Jun 9, 2023
@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label Jun 12, 2023
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged. label Jun 12, 2023
@danilo-leal danilo-leal marked this pull request as ready for review June 12, 2023 15:31
Copy link
Member

@siriwatknp siriwatknp left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👏 Great work @danilo-leal.

Pushed aspect-ratio equal to the image size to prevent layout shift on first load.

@danilo-leal danilo-leal merged commit 6e8b99d into master Jun 14, 2023
@danilo-leal danilo-leal deleted the base-ui-supported-components branch June 14, 2023 03:20
@michaldudak
Copy link
Member

I love it! There's one issue with how the images are displayed, though. On my screen (1.5x scaling, Windows), the text doesn't look crisp:

image

It could be because the intrinsic size of the image is not an even (or x0.5) multiply of the rendered size. Could you please verify that?

@danilo-leal
Copy link
Collaborator Author

Oh shoot, sure. I'll open a follow-up PR tackling that — thanks for pointing it out!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

docs Improvements or additions to the documentation. package: @mui/base Specific to @mui/base (legacy).

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

4 participants