### File

`packages/components/eui-dialog/eui-dialog.component.ts`

### Implements

`AfterViewInit` `OnDestroy` `OnInit` `OnChanges`

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
encapsulation | `ViewEncapsulation.None`
HostDirectives | `BaseStatesDirective` Inputs : euiPrimary euiSecondary euiInfo euiSuccess euiWarning euiDanger euiAccent euiVariant
providers | `{ provide: DIALOG_COMPONENT_CONFIG, useValue: null }`
selector | `eui-dialog`
templateUrl | `./eui-dialog.component.html`
styleUrl | `./eui-dialog.scss`

### Index

###### Properties

- baseStatesDirective
- Public content
- euiDialogFooterDirective
- euiDialogHeaderDirective
- Public isOpen$
- templateRefContent
- templateRefFooter
- templateRefHeader

###### Methods

- Public closeDialog
- Public disableAcceptButton
- Public disableDismissButton
- Public enableAcceptButton
- Public enableDismissButton
- Public openDialog
- Public scrollToBottom
- Public scrollToTop

###### Inputs

- acceptLabel
- classList
- dismissLabel
- e2eAttr
- hasAcceptButton
- hasCloseButton
- hasClosedOnClickOutside
- hasClosedOnEscape
- hasDismissButton
- hasFooter
- hasMobileCustomSize
- hasNoBodyPadding
- height
- isDraggable
- isFullScreen
- isHandleCloseOnAccept
- isHandleCloseOnClickOutside
- isHandleCloseOnClose
- isHandleCloseOnDismiss
- isHandleCloseOnEscape
- isMessageBox
- title
- verticalPosition
- width

###### Outputs

- accept
- clickOutside
- dialogClose
- dialogOpen
- dismiss
- escape

###### Accessors

- isOpen

### Inputs

acceptLabel
Type : `string`
Default value : `'eui.OK'`

classList
Type : `string`
Default value : `null`

dismissLabel
Type : `string`
Default value : `'eui.CANCEL'`

e2eAttr
Type : `string`
Default value : `'eui-dialog'`

hasAcceptButton
Type : `boolean`
Default value : `true`

hasCloseButton
Type : `boolean`
Default value : `true`

hasClosedOnClickOutside
Type : `boolean`
Default value : `false`

hasClosedOnEscape
Type : `boolean`
Default value : `true`

hasDismissButton
Type : `boolean`
Default value : `true`

hasFooter
Type : `boolean`
Default value : `true`

hasMobileCustomSize
Type : `boolean`
Default value : `false`

hasNoBodyPadding
Type : `boolean`
Default value : `false`

height
Type : `string`
Default value : `'auto'`

isDraggable
Type : `boolean`
Default value : `false`

isFullScreen
Type : `boolean`
Default value : `false`

isHandleCloseOnAccept
Type : `boolean`
Default value : `false`

isHandleCloseOnClickOutside
Type : `boolean`
Default value : `false`

isHandleCloseOnClose
Type : `boolean`
Default value : `false`

isHandleCloseOnDismiss
Type : `boolean`
Default value : `false`

isHandleCloseOnEscape
Type : `boolean`
Default value : `false`

isMessageBox
Type : `boolean`
Default value : `false`

title
Type : `string`

verticalPosition
Type : `EuiDialogVerticalPosition`

width
Type : `string`
Default value : `'50%'`

### Outputs

accept
Type : `EventEmitter`

clickOutside
Type : `EventEmitter`

dialogClose
Type : `EventEmitter`

dialogOpen
Type : `EventEmitter`

dismiss
Type : `EventEmitter`

escape
Type : `EventEmitter`

### Methods

Public closeDialog
`closeDialog()`
Close a Dialog Returns : `void`

Public disableAcceptButton
`disableAcceptButton()`
Disable Accept button of default eui-dialog footer. Returns : `void`

Public disableDismissButton
`disableDismissButton()`
Disable Dismiss button of default eui-dialog footer. Returns : `void`

Public enableAcceptButton
`enableAcceptButton()`
Enable Accept button of default eui-dialog footer. Returns : `void`

Public enableDismissButton
`enableDismissButton()`
Enable Dismiss button of default eui-dialog footer. Returns : `void`

Public openDialog
`openDialog()`

Type parameters :

- HC
- HCC
- BC
- BCC
- FC
- FCC

Open a dialog. Returns : `OpenedDialog` A dialog object of type `OpenedDialog`

Public scrollToBottom
`scrollToBottom()`
Scroll to the bottom of the content Returns : `void`

Public scrollToTop
`scrollToTop()`
Scroll to the top of the content Returns : `void`

### Properties

baseStatesDirective
Default value : `inject(BaseStatesDirective)`

Public content
Type : `string | TemplatePortal`

euiDialogFooterDirective
Type : `QueryList<EuiDialogFooterDirective>`
Decorators : `@ContentChild(undefined)`

euiDialogHeaderDirective
Type : `QueryList<EuiDialogHeaderDirective>`
Decorators : `@ContentChild(undefined)`

Public isOpen$
Type : `BehaviorSubject<boolean>`
Default value : `new BehaviorSubject<boolean>(false)`

templateRefContent
Type : `TemplateRef<ElementRef>`
Decorators : `@ViewChild('templateRefContent')`

templateRefFooter
Type : `TemplateRef<EuiDialogFooterDirective>`
Decorators : `@ViewChild('templateRefFooter')`

templateRefHeader
Type : `TemplateRef<EuiDialogHeaderDirective>`
Decorators : `@ViewChild('templateRefHeader')`

### Accessors

isOpen
get `isOpen()`

Whether the eui-dialog is open.

Example :

    <eui-dialog #dialog>
         \@if (dialog.isOpen) {
             <my-component></my-component>
         }
    </eui-dialog>

Returns : `boolean`

# results matching ""

# No results matching ""