igniteui-webcomponents
Version:
Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
38 lines (37 loc) • 1.29 kB
TypeScript
import { LitElement } from 'lit';
/**
* A container component for the card's header section.
* Displays header content including an optional thumbnail, title, subtitle, and additional content.
*
* @element igc-card-header
*
* @slot thumbnail - Renders header media such as an icon or small image.
* @slot title - Renders the card title (typically a heading element).
* @slot subtitle - Renders the card subtitle (typically a smaller heading or text).
* @slot - Renders additional content displayed next to the title area.
*
* @csspart header - The card header text container.
* @csspart title - The title slot wrapper.
* @csspart subtitle - The subtitle slot wrapper.
*
* @example
* ```html
* <igc-card-header>
* <igc-avatar slot="thumbnail" initials="AB"></igc-avatar>
* <h3 slot="title">Card Title</h3>
* <h5 slot="subtitle">Card Subtitle</h5>
* </igc-card-header>
* ```
*/
export default class IgcCardHeaderComponent extends LitElement {
static readonly tagName = "igc-card-header";
static styles: import("lit").CSSResult[];
static register(): void;
constructor();
protected render(): import("lit-html").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'igc-card-header': IgcCardHeaderComponent;
}
}