pyro/dist/card/card.d.ts

Pyro custom elements

import { LitElement } from 'lit';
/**
 * Card element
 * [docs](https://pyrojs.com/el/card)
 *
 * ```html
 * <pyro-card header="This is title">
 *   <div slot="content">
 *     <p>This is content</p>
 *   </div>
 *   <footer slot="footer">Footer</footer>
 * </pyro-card>
 * ```
 *
 * @tag pyro-card
 *
 * @slot image - Image on top, prefers `<img>` or `<picture>`
 * @slot header - Header content, prefers `<h*>` or `<header>`
 * @slot content - Main content of the card, any element
 * @slot footer - Header content, prefers `<footer>`
 *
 * @cssprop [--pyro-card-text-color=var(--pyro-text-color)] - `color`
 * @cssprop [--pyro-card-surface-color=var(--pyro-surface-color)] - `background`
 * @cssprop [--pyro-card-border=var(--pyro-border)] - `border`
 * @cssprop [--pyro-card-border-radius=var(--pyro-border-radius)] - `border-radius`
 * @cssprop [--pyro-card-spacing=var(--pyro-spacing)] - `padding`
 *
 */
export declare class PyroCard extends LitElement {
    static styles: import('lit').CSSResult;
    /** Header text of card, overriden by `slot="header"` */
    header: string;
    /** Main content of the card, overriden by `slot="content"` */
    content: string;
    /** Footer text of the card, overriden by `slot="footer"` */
    footer: string;
    /** Add inner borders */
    bordered: boolean;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-card': PyroCard;
    }
}