UNPKG

@umbraco-ui/uui-radio

Version:

Radio input, Umbraco backoffice style. Package contains two custom elements, <uui-radio> and <uui-radio-group>. You must wrap radio elements in the group, to make the input work. Can participate in native form element.

50 lines (49 loc) 1.91 kB
import { LitElement } from 'lit'; declare const UUIRadioGroupElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base/lib/mixins").UUIFormControlMixinElement<FormDataEntryValue | FormData>) & typeof LitElement; /** * @element uui-radio-group * @slot - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement` * @extends UUIFormControlMixin */ export declare class UUIRadioGroupElement extends UUIRadioGroupElement_base { #private; /** * This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/ * @type {boolean} */ static readonly formAssociated = true; /** * Disables the input. * @type {boolean} * @attr * @default false */ disabled: boolean; /** * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content. * @type {boolean} * @attr * @default false */ readonly: boolean; get value(): FormDataEntryValue | FormData; set value(newValue: FormDataEntryValue | FormData); constructor(); connectedCallback(): void; updated(_changedProperties: Map<string | number | symbol, unknown>): void; /** * This method enables <label for="..."> to focus the select */ focus(): Promise<void>; blur(): Promise<void>; click(): Promise<void>; protected getFormElement(): HTMLElement | undefined; render(): import("lit-html").TemplateResult<1>; static styles: import("lit").CSSResult[]; } declare global { interface HTMLElementTagNameMap { 'uui-radio-group': UUIRadioGroupElement; } } export {};