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.
47 lines (46 loc) • 1.37 kB
TypeScript
import { LitElement } from 'lit';
/**
* A container component that wraps different elements related to a single subject.
* The card component provides a flexible container for organizing content such as headers,
* media, text content, and actions.
*
* @element igc-card
*
* @slot - Renders the card content. Typically contains igc-card-header, igc-card-media, igc-card-content, and igc-card-actions.
*
* @example
* ```html
* <igc-card>
* <igc-card-header>
* <h3 slot="title">Card Title</h3>
* <h5 slot="subtitle">Card Subtitle</h5>
* </igc-card-header>
* <igc-card-content>
* <p>Card content goes here</p>
* </igc-card-content>
* <igc-card-actions>
* <button slot="start">Action</button>
* </igc-card-actions>
* </igc-card>
* ```
*/
export default class IgcCardComponent extends LitElement {
static readonly tagName = "igc-card";
static styles: import("lit").CSSResult[];
static register(): void;
/**
* Sets the card to have an elevated appearance with shadow.
* When false, the card uses an outlined style with a border.
*
* @attr elevated
* @default false
*/
elevated: boolean;
constructor();
protected render(): import("lit-html").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'igc-card': IgcCardComponent;
}
}