Sets/gets the aria-label
attribute of the radio component.
<igx-radio aria-label = "Radio1"></igx-radio>
let ariaLabel = this.radio.ariaLabel;
IgxRadioComponent
Sets/gets the aria-labelledby
attribute of the radio component.
If not set, the aria-labelledby
will be equal to the value of labelId
attribute.
<igx-radio aria-labelledby = "Radio1"></igx-radio>
let ariaLabelledBy = this.radio.ariaLabelledBy;
IgxRadioComponent
Readonly
changeAn event that is emitted after the radio value
is changed.
Provides references to the IgxRadioComponent
and the value
property as event arguments.
IgxRadioComponent
Sets/gets the checked
attribute.
Default value is false
.
<igx-radio [checked] = "true"></igx-radio>
let isChecked = this.radio.checked;
IgxRadioComponent
Returns the class of the radio component.
let radioClass = this.radio.cssClass;
IgxRadioComponent
Enables/disables the ripple effect on the radio button..
If not set, the disableRipple
will have value false
.
<igx-radio [disableRipple] = "true"></igx-radio>
let isDisabledRipple = this.radio.disableRipple;
IgxRadioComponent
Sets/gets whether the radio component is on focus.
Default value is false
.
this.radio.focus = true;
let isFocused = this.radio.focused;
IgxRadioComponent
Sets/gets the id
of the radio component.
If not set, the id
of the first radio component will be "igx-radio-0"
.
<igx-radio id = "my-first-radio"></igx-radio>
let radioId = this.radio.id;
IgxRadioComponent
Sets/gets the id of the label
element in the radio component.
If not set, the id of the label
in the first radio component will be "igx-radio-0-label"
.
<igx-radio labelId = "Label1"></igx-radio>
let labelId = this.radio.labelId;
IgxRadioComponent
Sets/gets the position of the label
in the radio component.
If not set, labelPosition
will have value "after"
.
<igx-radio labelPosition = "before"></igx-radio>
let labelPosition = this.radio.labelPosition;
IgxRadioComponent
Sets/gets the name
attribute of the radio component.
<igx-radio name = "Radio1"></igx-radio>
let name = this.radio.name;
IgxRadioComponent
Returns reference to native label element.
let labelElement = this.radio.nativeLabel;
IgxRadioComponent
Returns reference to native radio element.
let radioElement = this.radio.nativeRadio;
IgxRadioComponent
Returns reference to the label placeholder element.
let labelPlaceholder = this.radio.placeholderLabel;
IgxRadioComponent
Sets the value of the tabindex
attribute.
<igx-radio [tabindex] = "1"></igx-radio>
let tabIndex = this.radio.tabindex;
IgxRadioComponent
Sets/gets the value
attribute.
<igx-radio [value] = "'radioButtonValue'"></igx-radio>
let value = this.radio.value;
IgxRadioComponent
Sets/gets the disabled
attribute.
Default value is false
.
<igx-radio disabled></igx-radio>
let isDisabled = this.radio.disabled;
IgxRadioComponent
Sets/gets whether the radio button is invalid.
Default value is false
.
<igx-radio invalid></igx-radio>
let isInvalid = this.radio.invalid;
IgxRadioComponent
Gets the nativeElement
of the igx-radio.
let igxRadioNativeElement = this.igxRadio.nativeElement;
Sets/gets whether the radio button is required.
If not set, required
will have value false
.
<igx-radio required></igx-radio>
let isRequired = this.radio.required;
IgxRadioComponent
Ignite UI for Angular Radio Button - Documentation
The Ignite UI Radio Button allows the user to select a single option from an available set of options that are listed side by side.
Example: