### 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 ""