```html
<ui-dialog>
  <ui-dialog-title></ui-dialog-title>
  <ui-dialog-content></ui-dialog-content>
  <ui-dialog-actions></ui-dialog-actions>
</ui-dialog>
```

| Component             | Description                                                               |
| --------------------- | ------------------------------------------------------------------------- |
| `<ui-dialog>`         | Mandatory. The root DOM element containing the surface and the container. |
| `<ui-dialog-title>`   | Optional. Brief summary of the dialog's purpose.                          |
| `<ui-dialog-content>` | Optional. Primary content area. May contain a list, a form, or prose.     |
| `<ui-dialog-actions>` | Optional. Footer area containing the dialog's action buttons.             |
