pyro
Version:
Pyro custom elements
40 lines (39 loc) • 1.23 kB
TypeScript
import { LitElement } from 'lit';
import { PyroRadio } from './radio';
/**
* Grouping element for pyro-radios, holds the value of the selected one
* [docs](https://pyrojs.com/el/radio)
*
* ```html
* <pyro-radio-group name="numenor" style="gap: 1em;">
* <pyro-radio value="uno"></pyro-radio>
* <pyro-radio value="due" checked></pyro-radio>
* <pyro-radio value="tre"></pyro-radio>
* </pyro-radio-group>
*
* @tag pyro-radio-group
*
* @event {InputEvent} input - emitted when the value changes
*
* @slot - Every child needs to be a <pyro-radio> or HtmlElement containing a <pyro-radio>
*
*/
export declare class PyroRadioGroup extends LitElement {
static styles: import('lit').CSSResult;
/** Name of group, assigned to all child `pyro-radio`s */
name: string;
/** If provided, sets radio with same value as checked by default */
value?: string;
/** For square radios, smooths corners */
square?: boolean | undefined;
_slotElements: any;
_radios: PyroRadio[];
firstUpdated(): void;
private handleRadioClick;
render(): import('lit-html').TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'pyro-radio-group': PyroRadioGroup;
}
}