pyro/dist/radio/radio.d.ts

Pyro custom elements

import { LitElement } from 'lit';
/**
 * Radio input element
 * [docs](https://pyrojs.com/el/radio)
 *
 * ```html
 * <pyro-radio value="due" checked></pyro-radio>
 * ```
 *
 * @tag pyro-radio
 *
 * @slot - With square prop only, shows content inside squared radio
 *
 * @cssprop [--pyro-radio-accent-color=var(--pyro-accent-color)] - icon `color`
 * @cssprop [--pyro-radio-surface-color=var(--pyro-surface-color)] - `background`
 * @cssprop [--pyro-radio-border=var(--pyro-border)] - `border`
 * @cssprop [--pyro-radio-border-radius=var(--pyro-border-radius)] - `border-radius`
 * @cssprop [--pyro-radio-width, 1em] - `width`
 * @cssprop [--pyro-radio-height, 1em] - `height`
 * @cssprop [--pyro-radio-check-height=0.5em] - checkmark/icon `height`
 * @cssprop [--pyro-radio-check-width=0.5em] - checkmark/icon `width`
 *
 */
export declare class PyroRadio extends LitElement {
    static styles: import('lit').CSSResult;
    /** Initial checked value */
    checked: boolean;
    /** Boolean value of radio */
    value: string;
    /** Name, automatically set by pyro-radio-group */
    name: string;
    /** Makes rectangular, button-like radio */
    square?: boolean | undefined;
    'aria-label'?: string;
    _input: HTMLInputElement;
    private handleClick;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-radio': PyroRadio;
    }
}