@kor-ui/kor
Version:
Web components library containing lightweight, ready-to-use and framework-agnostic User Interface elements.
34 lines (33 loc) • 1.71 kB
TypeScript
import { LitElement } from 'lit';
import '../card';
import '../icon';
/**
* @prop {String} label - If set, defines the text label.
* @prop {String} icon - If set, defines the icon shown close to the label.
* @prop {'row'|'column'} flexDirection - Defines the direction in which the slotted content flows (e.g. top to bottom or left to right). Possible values are `column` and `row`.
* @prop {Boolean} visible - If set to true, displays the component on top of the screen.
* @prop {Boolean} sticky - If set to true, the close icon will not be displayed.
*
* @slot - Displayed inside the content area.
* @slot header - If used, the header slot is shown on top of the component, below the label (if any is set).
* @slot functions - Displayed on the right side of the label or header slot.
* @slot footer - Displayed below the content area.
*
* @cssprop --body-gap - Defines the gap between elements in the body slot.
* @cssprop --header-gap - Defines the gap between elements in the header slot.
* @cssprop --functions-gap - Defines the gap between elements in the functions slot.
* @cssprop --footer-gap - Defines the gap between elements in the footer slot.
*/
export declare class korNotificationItem extends LitElement {
label: string | undefined;
icon: string | undefined;
flexDirection: 'row' | 'column';
visible: boolean | undefined;
sticky: boolean | undefined;
emptyHeader: boolean;
emptyFunctions: boolean;
emptyFooter: boolean;
static get styles(): import("lit").CSSResultGroup[];
render(): import("lit-html").TemplateResult<1>;
attributeChangedCallback(name: string, oldval: string, newval: string): void;
}