@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
TypeScript
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").TemplateResult<1>;
static styles: import("lit").CSSResult[];
}
declare global {
interface HTMLElementTagNameMap {
'uui-radio-group': UUIRadioGroupElement;
}
}
export {};