Where to place the close button in Dialog?

1. Where do you put the Close button?
2. How to add close button on dialog?
3. Do modals need a close button?

Where do you put the Close button?

A close button controls the whole window, so it should be in the title bar for that window (clearly separated from content). This is normally along the top. Any button that takes you out of a screen (including close) should follow the "next" button convention.

How to add close button on dialog?

Closing dialogs

If the dialog has a header the framework will add a close button at the left side of the header. You can change the position by adding data-close-btn="right" to the dialog container. If you don't want a close button in the header or add a custom close button, you can use data-close-btn="none" .

Do modals need a close button?

Closing the modal: Always provide a clear close option for users by using a button or an 'x' icon at the top right of the modal.