UNPKG

pyro

Version:
33 lines (32 loc) 889 B
import { LitElement } from 'lit'; /** * Badge element, showing a small badge on the slotted element * See [docs](https://pyrojs.com/el/avatar) * * ```html * <pyro-badge label="3"> * Notifications * </pyro-badge> * ``` * * @tag pyro-badge * * @slot - One/two letter, overrides label prop * * @cssprop [--pyro-badge-text-color=var(--pyro-text-color)] - `color` * @cssprop [--pyro-badge-accent-color=var(--pyro-accent-color)] - `background` * @cssprop [--pyro-badge-font-size=calc(var(--pyro-badge-height, 1.5em) / 2)] - `font-size` * @cssprop [--pyro-badge-height=1.5em] - `height` * */ export declare class PyroBadge extends LitElement { static styles: import('lit').CSSResult; /** Label */ label?: string; render(): import('lit-html').TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'pyro-badge': PyroBadge; } }