pyro/dist/tag/tag.d.ts

Pyro custom elements

import { LitElement } from 'lit';
/**
 * Tag element
 * [docs](https://pyrojs.com/el/tag)
 *
 * ```html
 * <pyro-tag severity="success" pill>gg</pyro-tag>
 * ```
 *
 * @tag pyro-tag
 *
 * @slot - Label, overrides the label prop
 *
 * @cssprop [--pyro-tag-text-color=var(--pyro-text-color)] - `color`
 * @cssprop [--pyro-tag-surface-color=var(--pyro-surface-color)] - `background` (when no `severity` is set)
 * @cssprop [--pyro-tag-border=var(--pyro-border)] - `border`
 * @cssprop [--pyro-tag-border-radius=var(--pyro-border-radius)] - `border-radius`
 * @cssprop [--pyro-tag-spacing=var(--pyro-spacing)] - `padding`
 * @cssprop [--pyro-tag-min-width=60px] - `min-width`
 *
 * @cssprop [--pyro-tag-info-color-lighter=var(--pyro-info-color-lighter)] - `background`
 * @cssprop [--pyro-tag-success-color-lighter=var(--pyro-success-color-lighter)] - `background`
 * @cssprop [--pyro-tag-warning-color-lighter=var(--pyro-warning-color-lighter)] - `background`
 * @cssprop [--pyro-tag-error-color-lighter=var(--pyro-error-color-lighter)] - `background`
 * @cssprop [--pyro-tag-info-color=var(--pyro-info-color)] - `border-color`
 * @cssprop [--pyro-tag-success-color=var(--pyro-success-color)] - `border-color`
 * @cssprop [--pyro-tag-warning-color=var(--pyro-warning-color)] - `border-color`
 * @cssprop [--pyro-tag-error-color=var(--pyro-error-color)] - `border-color`
 */
export declare class PyroTag extends LitElement {
    static styles: import('lit').CSSResult;
    /** Label/text, overriden by default slot */
    label?: string | undefined;
    /** Tag severity severity, determines colors */
    severity?: 'info' | 'success' | 'warning' | 'error' | '';
    /** Size of tag */
    size?: 's' | 'm' | 'l';
    /** Adds an cross icon to dismiss the tag */
    dismissible?: boolean;
    /** Rounds the tag to a pill */
    pill?: boolean | undefined;
    dismiss: () => void;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-tag': PyroTag;
    }
}