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

[docs] Improve Base UI table of contents for APIs #39412

Conversation

ZeeshanTamboli
Copy link
Member

@ZeeshanTamboli ZeeshanTamboli commented Oct 12, 2023

Include properties in the table of contents for both the Base UI component APIs and hooks APIs. I find it helpful to have quick navigation to view properties using the right-side table of contents, especially when there are many properties. This feature is already present in Material UI and Joy UI.

Before: https://deploy-preview-39406--material-ui.netlify.app/base-ui/react-autocomplete/hooks-api/#use-autocomplete
After: https://deploy-preview-39412--material-ui.netlify.app/base-ui/react-autocomplete/hooks-api/#use-autocomplete

Example for multiple hooks APIs - https://deploy-preview-39412--material-ui.netlify.app/base-ui/react-menu/hooks-api/#use-menu-import

Sorry, something went wrong.

@ZeeshanTamboli ZeeshanTamboli added docs Improvements or additions to the documentation package: base-ui Specific to @mui/base enhancement This is not a bug, nor a new feature labels Oct 12, 2023
@mui-bot
Copy link

mui-bot commented Oct 12, 2023

Netlify deploy preview

https://deploy-preview-39412--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 93e31ff

@ZeeshanTamboli ZeeshanTamboli marked this pull request as ready for review October 12, 2023 10:20
@ZeeshanTamboli ZeeshanTamboli requested review from michaldudak and a team October 12, 2023 10:26
danilo-leal

This comment was marked as resolved.

@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label Oct 12, 2023
@mapache-salvaje
Copy link
Contributor

Yeah, the horizontal scroll on the useAutocomplete page isn't ideal. I went looking for other cases of it in the Material UI Component API docs and couldn't find any instances of headers that were wide enough to break it the way "unstable_isActiveElementInListbox" does. Maybe we could resolve it with a word-wrap: break-word so those longer names will break and wrap? Or an ellipsis for when they get too long?

Copy link
Contributor

@danilo-leal danilo-leal left a comment

Choose a reason for hiding this comment

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

Never mind my previous review! The above-linked PR hopefully tackles the horizontal scroll on the TOC — this one's looking good! 😊 But, maybe we should wait for that one to be merged first, though 🤔

@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Oct 13, 2023
@ZeeshanTamboli
Copy link
Member Author

ZeeshanTamboli commented Oct 13, 2023

@danilo-leal Great job on the horizontal scroll fix! I've resolved conflicts by pulling changes from #38265 and #39417, and I'm confident it's ready for merging.

@ZeeshanTamboli ZeeshanTamboli merged commit 6ff2e21 into mui:master Oct 13, 2023
@ZeeshanTamboli ZeeshanTamboli deleted the docs-base-ui-table-of-contents-improvement branch October 13, 2023 17:36
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Oct 17, 2023
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 enhancement This is not a bug, nor a new feature package: base-ui Specific to @mui/base
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants