From 9acf1ee2d4f57f829dcced0a8017ed808c7c0a73 Mon Sep 17 00:00:00 2001
From: gianluca-moro <74053868+gianluca-moro@users.noreply.github.com>
Date: Thu, 21 May 2026 15:51:10 +0200
Subject: [PATCH] fix(#19591): togglebutton size allow undefined

Signed-off-by: gianluca-moro <74053868+gianluca-moro@users.noreply.github.com>
---
 packages/primeng/src/togglebutton/style/togglebuttonstyle.ts | 4 ++--
 packages/primeng/src/togglebutton/togglebutton.spec.ts       | 2 +-
 packages/primeng/src/togglebutton/togglebutton.ts            | 5 +++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/primeng/src/togglebutton/style/togglebuttonstyle.ts b/packages/primeng/src/togglebutton/style/togglebuttonstyle.ts
index 161071a6c17..3dbf6b4d602 100644
--- a/packages/primeng/src/togglebutton/style/togglebuttonstyle.ts
+++ b/packages/primeng/src/togglebutton/style/togglebuttonstyle.ts
@@ -22,8 +22,8 @@ const classes = {
             'p-togglebutton-checked': instance.checked,
             'p-invalid': instance.invalid(),
             'p-disabled': instance.$disabled(),
-            'p-togglebutton-sm p-inputfield-sm': instance.size === 'small',
-            'p-togglebutton-lg p-inputfield-lg': instance.size === 'large',
+            'p-togglebutton-sm p-inputfield-sm': instance.size() === 'small',
+            'p-togglebutton-lg p-inputfield-lg': instance.size() === 'large',
             'p-togglebutton-fluid': instance.fluid()
         }
     ],
diff --git a/packages/primeng/src/togglebutton/togglebutton.spec.ts b/packages/primeng/src/togglebutton/togglebutton.spec.ts
index 1677525b31c..475b1b97c34 100644
--- a/packages/primeng/src/togglebutton/togglebutton.spec.ts
+++ b/packages/primeng/src/togglebutton/togglebutton.spec.ts
@@ -383,7 +383,7 @@ describe('ToggleButton', () => {
             await fixture.whenStable();
             fixture.detectChanges();
 
-            expect(toggleButtonInstance.size).toBe('large');
+            expect(toggleButtonInstance.size()).toBe('large');
         });
     });
 
diff --git a/packages/primeng/src/togglebutton/togglebutton.ts b/packages/primeng/src/togglebutton/togglebutton.ts
index 3326dbebbd1..16b3b87799c 100755
--- a/packages/primeng/src/togglebutton/togglebutton.ts
+++ b/packages/primeng/src/togglebutton/togglebutton.ts
@@ -171,9 +171,10 @@ export class ToggleButton extends BaseEditableHolder<ToggleButtonPassThrough> {
     @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
     /**
      * Defines the size of the component.
+     * @defaultValue undefined
      * @group Props
      */
-    @Input() size: 'large' | 'small';
+    size = input<'small' | 'large' | undefined>();
     /**
      * Whether selection can not be cleared.
      * @group Props
@@ -270,7 +271,7 @@ export class ToggleButton extends BaseEditableHolder<ToggleButtonPassThrough> {
         return this.cn({
             checked: this.active,
             invalid: this.invalid(),
-            [this.size as string]: this.size
+            [this.size() as string]: this.size()
         });
     }
 }