finpro/dist/components/fp-alert/fp-alert.d.ts

Design System

import { CSSResultGroup, TemplateResult } from 'lit';
import '../fp-icon/fp-icon';
import FinproElement from '../../internals/finpro-element';
export declare type AlertVariant = 'info' | 'warning' | 'success' | 'danger';
/**
 * @tag fp-alert
 * @summary Finpro Alert component
 */
export default class FpAlert extends FinproElement {
    static get styles(): CSSResultGroup;
    /**
     * Sets alert variant
     */
    variant: AlertVariant;
    /**
     * Sets alert description
     */
    description?: 'string';
    /**
     * Allows to customize alert icon
     */
    icon?: boolean | string;
    /**
     * Displays a close button.
     */
    closable: boolean;
    /**
     * Sets alert caption.
     */
    caption?: string;
    /**
     * Sets alert components display state.
     */
    closed: boolean;
    /**
     * Opens alert component.
     */
    open(): void;
    /**
     * Closes alert component.
     */
    close(): void;
    /**
     * Fires when close button clicked.
     */
    private onClose;
    private get _hasAlertCaptionSlot();
    private _closeHandler;
    private _predefinedIcons;
    private _getIcon;
    private _initAlertActionSlot;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'fp-alert': FpAlert;
    }
}
//# sourceMappingURL=fp-alert.d.ts.map