diff --git a/src/cdk-experimental/radio-group/radio-group.spec.ts b/src/cdk-experimental/radio-group/radio-group.spec.ts index ac2639fbf84a..d630fb18c41e 100644 --- a/src/cdk-experimental/radio-group/radio-group.spec.ts +++ b/src/cdk-experimental/radio-group/radio-group.spec.ts @@ -117,9 +117,9 @@ describe('CdkRadioGroup', () => { }); }); - it('should set aria-orientation to "vertical"', () => { + it('should set aria-orientation to "horizontal"', () => { setupDefaultRadioGroup(); - expect(radioGroupElement.getAttribute('aria-orientation')).toBe('vertical'); + expect(radioGroupElement.getAttribute('aria-orientation')).toBe('horizontal'); }); it('should set aria-disabled to false', () => { diff --git a/src/cdk-experimental/radio-group/radio-group.ts b/src/cdk-experimental/radio-group/radio-group.ts index ba9586a83a7f..c164624c7ef7 100644 --- a/src/cdk-experimental/radio-group/radio-group.ts +++ b/src/cdk-experimental/radio-group/radio-group.ts @@ -109,7 +109,7 @@ export class CdkRadioGroup { protected items = computed(() => this._cdkRadioButtons().map(radio => radio.pattern)); /** Whether the radio group is vertically or horizontally oriented. */ - orientation = input<'vertical' | 'horizontal'>('vertical'); + orientation = input<'vertical' | 'horizontal'>('horizontal'); /** Whether disabled items in the group should be skipped when navigating. */ skipDisabled = input(true, {transform: booleanAttribute}); diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.html b/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.html index 738702c92156..14e442304f1d 100644 --- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.html +++ b/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.html @@ -1,11 +1,11 @@
-

Horizontal Orientation

+

Vertical Orientation