pyro
Version:
Pyro custom elements
32 lines (31 loc) • 944 B
TypeScript
import { LitElement } from 'lit';
/**
* Circle showing inital(s) or image, typically associated with profiles or menus.
* [docs](https://pyrojs.com/el/avatar)
*
* ```html
* <pyro-avatar label="IB"></pyro-avatar>
* ```
*
* @tag pyro-avatar
*
* @slot - One/two letter, overrides label prop
* @slot image - Images, scaled to fit, cropped to circle
*
* @cssprop [--pyro-avatar-width=1.5em] - `width`
* @cssprop [--pyro-avatar-height=1.5em] - `height`
* @cssprop [--pyro-avatar-text-color=var(--pyro-text-color)] - `color`
* @cssprop [--pyro-avatar-accent-color=var(--pyro-accent-color)] - `background`
*
*/
export declare class PyroAvatar extends LitElement {
static styles: import('lit').CSSResult;
/** One/two letters, overriden by default slot */
label?: string;
render(): import('lit-html').TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'pyro-avatar': PyroAvatar;
}
}