@bliss-design-system/alert
Version:
`<bliss-alert>` provides a messaging mechanism for alerting and informing.
36 lines (35 loc) • 1.41 kB
TypeScript
import { LitElement, TemplateResult, CSSResultArray, PropertyValues } from 'lit-element';
declare const BlissAlert_base: typeof LitElement & {
new (...args: any[]): import("@bliss-design-system/shared").IconElementInterface;
prototype: import("@bliss-design-system/shared").IconElementInterface;
};
/**
* @element bliss-alert
*
* @attr {small|medium} [size] - alert size
* @attr {default|neutral|positive|notice|warning|critical} [theme] - alert theme
* @attr {String} [heading] - text for the alert heading
* @attr {String} [icon] - which icon to display to accompany the alert message
* @attr {String} [close-text] - text for the close button aria-label
* @attr {Boolean} [dismissible=false] - whether or not to display close button inside the alert
*
* @slot - Default content slot
*/
export declare class BlissAlert extends BlissAlert_base {
heading: string;
size: 'medium' | 'small';
theme: 'default' | 'neutral' | 'positive' | 'notice' | 'warning' | 'critical';
dismissible: boolean;
private closeText;
private status;
static get styles(): CSSResultArray;
close(): void;
connectedCallback(): void;
private checkHeading;
protected updated(changes: PropertyValues): void;
private setStatus;
protected get alertContent(): TemplateResult;
protected get renderAlert(): TemplateResult;
protected render(): TemplateResult;
}
export {};