import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime'; /** * A radio component that allows the user to select an option from a set of radio-buttons. In order to have a single select functionality, please refer to the `ino-radio-group`-component. This component functions as a wrapper around the material [radio](https://github.com/material-components/material-components-web/tree/master/packages/mdc-radio) component. * * #### Additional Hints * Clicking on the radio button triggers an event that contains the boolean value `true` (`e.detail`). This event is only triggered if the radio button was not previously selected (`checked=false`). In order to check one element and uncheck the other ones, please refer to the `ino-radio-group`-Component. If (`checked=true`) is passed to an element, the other elements **won't** be deselected without the use of the `ino-radio-group`. * * @slot default - Label of the checkbox */ export declare class Radio implements ComponentInterface { el: HTMLInoRadioElement; private nativeInputEl; /** * Initially marks this element as checked. * If another ino-radio element in the same group receives `true`, * the value will be changed to false automatically. */ checked: boolean; checkedChanged(newChecked: boolean): void; /** * Disables this element. */ disabled?: boolean; /** * The name of this element. Use the same name for radio groups */ name?: string; /** * The value of this element. */ value?: string; /** * An internal instance of the material design radio. */ private radio; /** * An internal instance of the material design form field. */ private formField; /** * Emits when the user interacts with the radio-button. Contains `true` in `event.detail`. * This event will only be emitted if the current state of the radio button is false. */ checkedChange: EventEmitter; private handleInput; private radioId; componentDidLoad(): void; disconnectedCallback(): void; render(): any; }