` tag for the header and the `buttons` class for the action area. You can use the `paper-dialog-scrollable` element (in its own repository) if you need a scrolling content area. Use the `dialog-dismiss` and `dialog-confirm` attributes on interactive controls to close the dialog. If the user dismisses the dialog with `dialog-confirm`, the `closingReason` will update to include `confirmed: true`. ### Styling The following custom properties and mixins are available for styling. Custom property | Description | Default ----------------|-------------|---------- `--paper-dialog-background-color` | Dialog background color | `--primary-background-color` `--paper-dialog-color` | Dialog foreground color | `--primary-text-color` `--paper-dialog` | Mixin applied to the dialog | `{}` `--paper-dialog-title` | Mixin applied to the title (`

`) element | `{}` `--paper-dialog-button-color` | Button area foreground color | `--default-primary-color` ### Accessibility This element has `role="dialog"` by default. Depending on the context, it may be more appropriate to override this attribute with `role="alertdialog"`. If `modal` is set, the element will set `aria-modal` and prevent the focus from exiting the element. It will also ensure that focus remains in the dialog. The `aria-labelledby` attribute will be set to the header element, if one exists.