What is an Angular Material guideline to place Cancel button

Question

Where should Cancel and Create buttons be placed by Angular Material guidelines?

Should it be rather in the bottom right, but before "Create" button like "Cancel | Create" that would be placed in the right bottom corner or it should be placed after "Create" like "Create | Cancel"?

Answer 1

As you can read in the material design spec

Action button arrangement As indicated in the Dialog design article, buttons within the mdc-dialog__actions element are arranged horizontally by default, with the confirming action last.

In cases where the button text is too long for all buttons to fit on a single line, the buttons are stacked vertically, with the confirming action first.

MDC Dialog detects and handles this automatically by default, reversing the buttons when applying the stacked layout.

so the 'create' button should be placed at the end, or first, it depends on its dimensions.