pyro
Version:
Pyro custom elements
36 lines (35 loc) • 1.1 kB
TypeScript
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;
}
}