UNPKG

pyro

Version:
36 lines (35 loc) 1.1 kB
import { LitElement } from 'lit'; /** * Progresscircle element * [docs](https://pyrojs.com/el/progresscircle) * * ```html * <pyro-progresscircle value="4" max="100" text="4%"></pyro-progresscircle> * ``` * * @tag pyro-progresscircle * * @slot text - Optional content in middle * * @cssprop [--pyro-progresscircle-accent-color=var(--pyro-accent-color)] - value `background` * @cssprop [--pyro-progresscircle-background=var(--pyro-surface-color)] - background `background` * @cssprop [--pyro-progresscircle-text-color=var(--pyro-text-color-on-surface)] - text `color` * @cssprop [--pyro-progresscircle-height=1em] - `height` * */ export declare class PyroProgresscircle extends LitElement { static styles: import('lit').CSSResult; /** Current value */ value: number; /** Max value */ max: number; /** Text in the middle of the progresscircle */ text?: string; 'aria-label'?: string; render(): import('lit-html').TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'pyro-progresscircle': PyroProgresscircle; } }