UNPKG

1.86 kBTypeScriptView Raw
1import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2import { Color, StyleEventDetail } from '../../interface';
3/**
4 * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
5 *
6 * @part container - The container for the radio mark.
7 * @part mark - The checkmark or dot used to indicate the checked state.
8 */
9export declare class Radio implements ComponentInterface {
10 private inputId;
11 private radioGroup;
12 private nativeInput;
13 el: HTMLIonRadioElement;
14 /**
15 * If `true`, the radio is selected.
16 */
17 checked: boolean;
18 /**
19 * The tabindex of the radio button.
20 * @internal
21 */
22 buttonTabindex: number;
23 /**
24 * The color to use from your application's color palette.
25 * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
26 * For more information on colors, see [theming](/docs/theming/basics).
27 */
28 color?: Color;
29 /**
30 * The name of the control, which is submitted with the form data.
31 */
32 name: string;
33 /**
34 * If `true`, the user cannot interact with the radio.
35 */
36 disabled: boolean;
37 /**
38 * the value of the radio.
39 */
40 value?: any | null;
41 /**
42 * Emitted when the styles change.
43 * @internal
44 */
45 ionStyle: EventEmitter<StyleEventDetail>;
46 /**
47 * Emitted when the radio button has focus.
48 */
49 ionFocus: EventEmitter<void>;
50 /**
51 * Emitted when the radio button loses focus.
52 */
53 ionBlur: EventEmitter<void>;
54 /** @internal */
55 setFocus(ev: any): Promise<void>;
56 /** @internal */
57 setButtonTabindex(value: number): Promise<void>;
58 connectedCallback(): void;
59 disconnectedCallback(): void;
60 componentWillLoad(): void;
61 emitStyle(): void;
62 private updateState;
63 private onClick;
64 private onFocus;
65 private onBlur;
66 render(): any;
67}