-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
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] Cleanup of the Tree View demos #13237
[docs] Cleanup of the Tree View demos #13237
Conversation
Deploy preview: https://deploy-preview-13237--material-ui-x.netlify.app/ Updated pages: |
72fdb3d
to
41825a9
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Very nice improvements 🎉
<Box sx={{ minHeight: 200, flexGrow: 1, maxWidth: 400 }}> | ||
<RichTreeView items={MUI_X_PRODUCTS} /> | ||
<Box sx={{ minHeight: 352, minWidth: 250 }}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
With the new height, going to https://mui.com/x/react-tree-view/simple-tree-view/selection/ and scrolling the page down to read the content has a lot of empty spaces. It doesn't feel as great as it could be.
Was "Fix the layout shift on all demo when you expand all the items" a problem in the first place?
<Box sx={{ minHeight: 200, flexGrow: 1, maxWidth: 400 }}> | |
<RichTreeView items={MUI_X_PRODUCTS} /> | |
<Box sx={{ minHeight: 352, minWidth: 250 }}> | |
<Box sx={{ minHeight: 200, minWidth: 250 }}> |
MUI_X_PRODUCTS
dataset whenever a data change is not relevant (even for basic customization examples)RichTreeView
in theSimpleTreeView
doc, ...)slotProps
on theRichTreeView
that did not reflect the demoaria-label
, IMHO either we always use it and with a meaningful title or we never use itRegarding the
MUI_X_PRODUCTS
, the issue is that we loose the preview onSimpleTreeView
because the dataset is too big.Do you think we should find a smaller dataset (having a small dataset on some demos and a larger on others make no sense IMHO, it's hard to have the right dimensions when it varies across demos and a lot of demos where the preview could be useful don't have one)?
Preview: https://deploy-preview-13237--material-ui-x.netlify.app/x/react-tree-view/