How can I omit the close button in Modals?

[ConsuelodeIruarrizaga]

Hi everyone, how are you?
I have doubts about modals. My front-end developer told me that he couldn't erase the cross button from the modal because of PASTE guidelines. Is it true? And if yes, why?

In this case, we have a modal with two buttons at the footer, and we don't want to give the user more options, and the cross doesn't provide them with enough information since it is a sensitive process.
Here you can find an image,

Thank you!!!!!
Consuelo

[kelseycavitt]

Hi @ConsuelodeIruarrizaga!

I think it may be helpful for me to gain more context of the workflow here, would you be able to send more screenshots or a link to a Figma file?

Modals need to allow the user the ability to close or "escape." To discourage a user from exiting the workflow, you could use an alert dialog if they do click the "close" button to confirm if they would like to leave the flow.

Let us know if you more questions. I do think it would be helpful to see the flow too to help better understand the context! Thanks!

[TheSisb]

Hi @ConsuelodeIruarrizaga,

The Paste Modal is composable, which means that you can mix or omit certain components however you like. Our ModalHeader Component comes predefined with the close button for the reason Kelsey provided above. If you're certain that your experience does not need the close button (like really really certain), you can simply omit the ModalHeader in your composition and roll your own.