1.3 KiB

Title, Added, Status, Last reviewed
Title Added Status Last reviewed
Dialog Size Model v6.10.0 Active 2024-05-24

Dialog Size model

Sets a specific CSS class to Dialog Component.

Basic usage

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

constructor(private dialog: MatDialog) {}

...

function openDialog() {
    const data: DialogData = {
        title: 'Dialog title',
        dialogSize: DialogSize.Large,
    };

    this.dialog.open(DialogComponent, { data });
}

See also