-
-
Notifications
You must be signed in to change notification settings - Fork 32.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][joy-ui] Revise the Drawer page #38988
Conversation
Netlify deploy previewBundle size report |
The Drawer can be cancelled by clicking the overlay or pressing the Esc key. | ||
It closes when an item is selected, handled by controlling the `open` prop. | ||
The Drawer can be closed by clicking on the overlay or pressing the <kbd>Esc</kbd> key. | ||
It will also close if an item inside of it is selected, which can be controlled by the `open` prop. | ||
|
||
{{"demo": "DrawerBasic.js"}} | ||
|
||
## Customization |
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.
@siriwatknp + @samuelsycamore should we say something / add a demo about modal vs. non-modal Drawers? I've seen plenty of use cases for both out there in the wild.
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.
I think that's a good idea!
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.
@mnajdova Is there anything specific we should do to get a non-modal Drawer? (Image Notion's comment drawer as an example of it).
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.
One more thing that I'm not able to add a suggestion for: I think we should add Modal Close and Dialog Content to the API reference section, since they're both mentioned here.
Woo, thanks a ton for the reviews @samuelsycamore! I'll need either @mnajdova or @siriwatknp's help in adding these components to the API section ⎯ couldn't figure out how to do it 😅 |
Just realized we forgot to add an Anatomy section to this page! 🤦♂️ We can come back to it in another PR. |
Mostly a few increments and corrections here and there, as well as some demo tweaks.
Got some questions along the way that I'll drop as comments!
https://deploy-preview-38988--material-ui.netlify.app/joy-ui/react-drawer/