mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
54 lines
1.3 KiB
Markdown
54 lines
1.3 KiB
Markdown
---
|
|
Title: Dialog Size Model
|
|
Added: v6.10.0
|
|
Status: Active
|
|
Last reviewed: 2024-05-24
|
|
---
|
|
|
|
# [Dialog Size model](../../../lib/core/src/lib/dialogs/dialog/dialog.model.ts "Defined in dialog.model.ts")
|
|
|
|
Sets a specific CSS class to [Dialog Component](../dialogs/dialog.md).
|
|
|
|
## Basic usage
|
|
|
|
```ts
|
|
const DialogSize = {
|
|
Large: 'adf-large',
|
|
Medium: 'adf-medium',
|
|
Alert: 'adf-alert'
|
|
} as const;
|
|
|
|
type DialogSizes = typeof DialogSize[keyof typeof DialogSize];
|
|
```
|
|
|
|
## Properties
|
|
|
|
| Name | Type | Default value | Description |
|
|
| ---- | ---- | ------------- | ----------- |
|
|
| Large | `string` | `adf-large` | Add `afd-large` class to Dialog container |
|
|
| Medium | `string` | `adf-medium` | Add `afd-medium` class to Dialog container |
|
|
| Alert | `string` | `adf-alert` | Add `afd-alert` class to Dialog container |
|
|
|
|
### Examples
|
|
|
|
```ts
|
|
constructor(private dialog: MatDialog) {}
|
|
|
|
...
|
|
|
|
function openDialog() {
|
|
const data: DialogData = {
|
|
title: 'Dialog title',
|
|
dialogSize: DialogSize.Large,
|
|
};
|
|
|
|
this.dialog.open(DialogComponent, { data });
|
|
}
|
|
```
|
|
|
|
## See also
|
|
|
|
- [Dialog Component](../dialogs/dialog.md)
|
|
- [Dialog Data Interface](../interfaces/dialog.interface.md)
|
|
- [AdditionalDialogActionButton Interface](../interfaces/additional-dialog-action-button.interface.md)
|