pyro
Version:
Pyro custom elements
33 lines (32 loc) • 889 B
TypeScript
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;
}
}