Dialog maxWidth

[jsmolina]

Goal

The idea is to offer providing wider dialogs with some property like mui maxWidth, so we can use screen more efficently.

Context

Current dialogs provide a non configurable width, which limits the capability of showing some forms or data on desktop.

Impact

Adding maxwidth property will improve UX for desktop.

Discussion Questions

• should we use maxwidth or predefined widths? (like t-shirt sizes, xs, sm, md, xl, xxl)

Additional considerations

No response

Do you have a visual proposal?

Current issue

Of course it has a solution of using smaller fields or just one field per line.

[yceballost]

Hi @jsmolina!

You can solve this issue including fullWidth prop to input fields, like this

Is it enough to close this discussion? If not, can you provide more design examples to understand the need? :)

We would like to avoid opening the width of modals because we want to avoid complex design inside dialogs. If you need more space probably you need to include this information in a single page instead of a modal

wdyt?

[jsmolina]

hi! Sure, I knew fullwidth or doubleField was a solution, but I was not so creative showing why they should be wider :).
I basically wanted to take advantage of the width of the screen, but it's ok if it's not done.

Thanks.