Home Metronic Hire Us Buy Now
The World’s #1 Bootstrap 4 & 5 HTML, Angular 11, React, VueJS & Laravel
Admin Dashboard Theme

## Dialog

### Overview

`KTDialog` is a Metronic's custom plugin defined in `[metronic]/theme/html/[demo]/src/js/components/base/dialog.js`.

### Initialization

Pass options into the plugin for initialization.

    var loading = new KTDialog({
      'type': 'loader',
      'placement': 'top center',
      'message': 'Loading ...'
    });

### Options

    var options = {
      'placement' : 'top center',
      'type'  : 'loader',
      'width' : 100,
      'state' : 'default',
      'message' : 'Loading...'
    };

Field | Type | Description
--- | --- | ---
`placement` | `string` | The place where the dialog be placed.

Sample
    'placement' : 'top center'

`type` | `string` | Type of the dialog

Sample
    type: 'loader'

`width` | `string` | Set the dialog width

Sample
    'width' : 100

`state` | `string` | Set the dialog state

Sample
    'state' : 'default'

`message` | `string` | Set the dialog message.

Sample
    'message' : 'Loading...'

### API Methods

Method | Description
--- | ---
`one(name, handler)` | Attach event that will be fired once @returns {KTToggle}