mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00

Files

Brandy Carney 7ba94900bb refactor(themes): remove the outer-content class from core (#16589 )

BREAKING CHANGES

The outer-content class has been removed in favor of setting the color in your app instead:

```
.outer-content {
  --background: #f2f2f2;
 }
```

2018-12-04 16:38:50 -05:00

test

refactor(themes): remove the outer-content class from core (#16589 )

2018-12-04 16:38:50 -05:00

usage

docs(components): add missing angular usage

2018-07-09 18:37:09 -04:00

radio-group.tsx

docs(all): possible values are extracted by stencil (#16190 )

2018-11-02 00:06:40 +01:00

readme.md

chore(): update stencil (#16506 )

2018-11-29 18:54:51 +01:00

readme.md

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.

Usage

Angular / javascript

<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

Property	Attribute	Description	Type	Default
`allowEmptySelection`	`allow-empty-selection`	If `true`, the radios can be deselected.	`boolean`	`false`
`name`	`name`	The name of the control, which is submitted with the form data.	`string`	`this.inputId`
`value`	`value`	the value of the radio group.	`any`	`undefined`

Events

Event	Description	Detail
`ionChange`	Emitted when the value has changed.	InputChangeEvent

Built with StencilJS