rtk-dialog

A dialog component.

Properties

| Property | Type | Required | Default | Description | |----------|------|----------|---------|-------------| | config | UIConfig | ❌ | createDefaultConfig() | UI Config | | disableEscapeKey | boolean | ✅ | - | Whether Escape key can close the modal | | hideCloseButton | boolean | ✅ | - | Whether to show the close button | | iconPack | IconPack | ❌ | defaultIconPack | Icon pack | | meeting | Meeting | ✅ | - | Meeting object | | open | boolean | ✅ | - | Whether a dialog is open or not | | size | Size | ✅ | - | Size | | states | States | ✅ | - | States object | | t | RtkI18n | ❌ | useLanguage() | Language |

Usage Examples

Basic Usage

<rtk-dialog></rtk-dialog>

With Properties

<rtk-dialog>
</rtk-dialog>

<script>
  const el = document.querySelector("rtk-dialog");

  el.disableEscapeKey= true;
  el.hideCloseButton= true;
  el.meeting= meeting
</script>