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

[Dialog] Add 'lg' support to maxWidth #12626

Merged
merged 1 commit into from
Aug 22, 2018

Conversation

TheMoonDawg
Copy link
Contributor

Added 'lg' as an option for maxWidth on Dialogs.

This is my first code PR, so please let me know if I missed anything!

@@ -21,7 +21,7 @@ Dialogs are overlaid modal paper based components with a backdrop.
| <span class="prop-name">disableEscapeKeyDown</span> | <span class="prop-type">bool | <span class="prop-default">false</span> | If `true`, hitting escape will not fire the `onClose` callback. |
| <span class="prop-name">fullScreen</span> | <span class="prop-type">bool | <span class="prop-default">false</span> | If `true`, the dialog will be full-screen |
| <span class="prop-name">fullWidth</span> | <span class="prop-type">bool | <span class="prop-default">false</span> | If `true`, the dialog stretches to `maxWidth`. |
| <span class="prop-name">maxWidth</span> | <span class="prop-type">enum:&nbsp;'xs'&nbsp;&#124;<br>&nbsp;'sm'&nbsp;&#124;<br>&nbsp;'md'&nbsp;&#124;<br>&nbsp;false<br> | <span class="prop-default">'sm'</span> | Determine the max width of the dialog. The dialog width grows with the size of the screen, this property is useful on the desktop where you might need some coherent different width size across your application. Set to `false` to disable `maxWidth`. |
| <span class="prop-name">maxWidth</span> | <span class="prop-type">enum:&nbsp;'xs', 'sm', 'md', 'lg', false<br> | <span class="prop-default">'sm'</span> | Determine the max width of the dialog. The dialog width grows with the size of the screen, this property is useful on the desktop where you might need some coherent different width size across your application. Set to `false` to disable `maxWidth`. |
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I generated this by running yarn docs:api as specified in the contributing guidelines. I noticed that the format changed slightly after running it, so I'm not sure what's up there.

@oliviertassinari oliviertassinari added new feature New feature or request component: dialog This is the name of the generic UI component, not the React module! labels Aug 22, 2018
@oliviertassinari oliviertassinari merged commit 540870a into mui:master Aug 22, 2018
@oliviertassinari
Copy link
Member

This is my first code PR, so please let me know if I missed anything!

Is it #10742? Thanks!

@TheMoonDawg
Copy link
Contributor Author

Well, this time I actually wrote code instead of fixing an error message. 😉

Thanks for merging it!

@TheMoonDawg TheMoonDawg deleted the dialog-add-lg-support branch August 22, 2018 20:27
marcelpanse pushed a commit to marcelpanse/material-ui that referenced this pull request Oct 2, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: dialog This is the name of the generic UI component, not the React module! new feature New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants