---
url: https://talkjs.com/docs/UI_Components/JavaScript/Classic/HtmlPanel
title: 'HtmlPanel'
minidoc-source: js
minidoc-lib: classic
---

## HtmlPanel
/** HTML Panel HTML panels should only be created through Inbox.createHtmlPanel, Chatbox.createHtmlPanel or Popup.createHtmlPanel. */
export interface HtmlPanel  {
/** Destroys the HTML panel */
destroy(): Promise<void>;
/** This promise resolves when the "DOMContentLoaded" event fires on the iframe's window. */
DOMContentLoadedPromise: Promise<void>;
/** Hides the panel if it's visible. */
hide(): void;
/** Returns `true` if the panel is visible, `false` if it's hidden or destroyed */
isVisible(): boolean;
/** Changes the panel height.
If you don't need to change the height after the panel is created, you can pass it as an option to the `createHtmlPanel`. */
setHeight(height: number): void;
/** Shows the panel if it's hidden. */
show(): void;
/** The HTML Panel iframe's window object */
window: Window;
/** This promise resolves when the "load" event fires on the iframe's window. */
windowLoadedPromise: Promise<void>;
}