Don't use modals for complex forms

dont-use-modals-for-complex-forms

Don’t use modals for complex forms or large information; max two bottom actions; tertiary never dismisses.

Description

Don’t use modals for complex forms or large information; max two bottom actions; tertiary never dismisses. Pass when complex forms or large information are not in a modal, the modal has at most two bottom actions, and a tertiary action does not dismiss. Fail when a complex form or large information is in a modal, there are more than two bottom actions, or tertiary dismisses.

When to use

Deciding whether a form or large content belongs in a modal.

Not when

Complex forms in modals, more than two bottom actions, or tertiary dismiss.

Agent hint

Keep complex forms out of modals; limit to two bottom actions; tertiary never dismisses.

Pass

Complex forms / large information are not in a modal; modal has at most two bottom actions; a tertiary action does not dismiss.

Fail

Complex form or large information in a modal; more than two bottom actions; tertiary dismisses.

Citations

Polaris — Modal

https://polaris.shopify.com/components/overlays/modal