pyro
Version:
Pyro custom elements
36 lines (35 loc) • 1.06 kB
TypeScript
import { LitElement } from 'lit';
/**
* Colorpicker
* [docs](https://pyrojs.com/el/colorpicker)
*
* ```html
* <pyro-colorpicker></pyro-colorpicker>
* ```
*
* @tag pyro-colorpicker
*
* @event {InputEvent} input - emitted when the value changes
*
* @cssprop [--pyro-colorpicker-spacing=var(--pyro-spacing)] - `gap`
* @cssprop [--pyro-colorpicker-border=var(--pyro-border)] - `border`
* @cssprop [--pyro-colorpicker-border-radius=var(--pyro-border-radius)] - `border`
* @cssprop [--pyro-colorpicker-surface-color=var(--pyro-surface-color)] - `background`
*
*/
export declare class PyroColorpicker extends LitElement {
static styles: import('lit').CSSResult;
/** Hex value of the color, eg: #00ff00 */
value: string;
/** Makes it a circle */
circle?: boolean | undefined;
/** Shows an input field */
'with-input'?: boolean | undefined;
private handleChange;
render(): import('lit-html').TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'pyro-colorpicker': PyroColorpicker;
}
}