pyro/dist/dialog/dialog.d.ts

Pyro custom elements

import { LitElement } from 'lit';
/**
 * Dialog element
 * [docs](https://pyrojs.com/el/dialog)
 *
 * ```html
 * <pyro-dialog>
 *   <div slot="content">[..content]</div>
 *   <p slot="action"><pyro-button primary>Open me</pyro-button></p>
 * </pyro-dialog>
 * ```
 *
 * @tag pyro-dialog
 *
 * @slot - Contents of the dialog
 * @slot content - Main content of the dialog
 * @slot action - Header content, prefers <footer>
 *
 * @csspart dialog - The dialog itself, change width, max-heigh etc.
 *
 * @cssprop [--pyro-dialog-text-color=var(--pyro-text-color)] - `color`
 * @cssprop [--pyro-dialog-surface-color=var(--pyro-surface-color)] - `background`
 * @cssprop [--pyro-dialog-border=var(--pyro-border)] - `border`
 * @cssprop [--pyro-dialog-border-radius=var(--pyro-border-radius)] - `border`
 * @cssprop [--pyro-dialog-spacing=var(--pyro-spacing-l)] - `padding`
 *
 */
export declare class PyroDialog extends LitElement {
    static styles: import('lit').CSSResult;
    /** Indicates whether the dialog is open */
    open: boolean;
    _dialog: HTMLDialogElement;
    show: () => void;
    close: () => void;
    updated(): void;
    firstUpdated(): void;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-dialog': PyroDialog;
    }
}