import Props from '@ionic-internal/component-api/v8/radio-group/props.md'; import Events from '@ionic-internal/component-api/v8/radio-group/events.md'; import Methods from '@ionic-internal/component-api/v8/radio-group/methods.md'; import Parts from '@ionic-internal/component-api/v8/radio-group/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/radio-group/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/radio-group/slots.md';

import EncapsulationPill from '@components/page/api/EncapsulationPill';

A radio group is a container for a group of radios. 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. For example usage of the radio group, see the radio documentation.

interface RadioGroupChangeEventDetail<T = any> {
  value: T;
}

While not required, this interface can be used in place of the CustomEvent interface for stronger typing with Ionic events emitted from this component.

interface RadioGroupCustomEvent<T = any> extends CustomEvent {
  detail: RadioGroupChangeEventDetail<T>;
  target: HTMLIonRadioGroupElement;
}