ion-radio-group

A radio group is a group of radio buttons. It allows a user to select at most one radio button from a set. Checking one radio button that belongs to a radio group unchecks any previous checked radio button within the same group.

<ion-list>

  <ion-radio-group>

    <ion-list-header>
      Auto Manufacturers
    </ion-list-header>

    <ion-item>
      <ion-label>Cord</ion-label>
      <ion-radio value="cord"></ion-radio>
    </ion-item>

    <ion-item>
      <ion-label>Duesenberg</ion-label>
      <ion-radio value="duesenberg"></ion-radio>
    </ion-item>

    <ion-item>
      <ion-label>Hudson</ion-label>
      <ion-radio value="hudson"></ion-radio>
    </ion-item>

    <ion-item>
      <ion-label>Packard</ion-label>
      <ion-radio value="packard"></ion-radio>
    </ion-item>

    <ion-item>
      <ion-label>Studebaker</ion-label>
      <ion-radio value="studebaker"></ion-radio>
    </ion-item>

  </ion-radio-group>

</ion-list>

Properties

allowEmptySelection

boolean

disabled

boolean

Indicates that the user cannot interact with the control.

name

string

The name of the control, which is submitted with the form data.

value

string

the value of the radio group.

Attributes

allow-empty-selection

boolean

disabled

boolean

Indicates that the user cannot interact with the control.

name

string

The name of the control, which is submitted with the form data.

value

string

the value of the radio group.

Events

ionChange

Emitted when the value has changed.

Built with StencilJS