diff --git a/packages/primevue/src/accordioncontent/AccordionContent.d.ts b/packages/primevue/src/accordioncontent/AccordionContent.d.ts
index 0dde98afd4..dd2ea960eb 100755
--- a/packages/primevue/src/accordioncontent/AccordionContent.d.ts
+++ b/packages/primevue/src/accordioncontent/AccordionContent.d.ts
@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { VNode } from 'vue';
+import type { Component, VNode } from 'vue';
 
 export declare type AccordionContentPassThroughOptionType = AccordionContentPassThroughAttributes | ((options: AccordionContentPassThroughMethodOptions) => AccordionContentPassThroughAttributes | string) | string | null | undefined;
 
@@ -80,7 +80,7 @@ export interface AccordionContentProps {
      * Use to change the HTML tag of root element.
      * @defaultValue DIV
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false
diff --git a/packages/primevue/src/accordioncontent/BaseAccordionContent.vue b/packages/primevue/src/accordioncontent/BaseAccordionContent.vue
index 23d75e7c52..0208b99b05 100644
--- a/packages/primevue/src/accordioncontent/BaseAccordionContent.vue
+++ b/packages/primevue/src/accordioncontent/BaseAccordionContent.vue
@@ -7,7 +7,7 @@ export default {
     extends: BaseComponent,
     props: {
         as: {
-            type: String,
+            type: [String, Object],
             default: 'DIV'
         },
         asChild: {
diff --git a/packages/primevue/src/accordionheader/AccordionHeader.d.ts b/packages/primevue/src/accordionheader/AccordionHeader.d.ts
index f8e6089c6d..cb5ed15356 100755
--- a/packages/primevue/src/accordionheader/AccordionHeader.d.ts
+++ b/packages/primevue/src/accordionheader/AccordionHeader.d.ts
@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { VNode } from 'vue';
+import type { Component, VNode } from 'vue';
 
 export declare type AccordionHeaderPassThroughOptionType = AccordionHeaderPassThroughAttributes | ((options: AccordionHeaderPassThroughMethodOptions) => AccordionHeaderPassThroughAttributes | string) | string | null | undefined;
 
@@ -76,7 +76,7 @@ export interface AccordionHeaderProps {
      * Use to change the HTML tag of root element.
      * @defaultValue BUTTON
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false
diff --git a/packages/primevue/src/accordionheader/BaseAccordionHeader.vue b/packages/primevue/src/accordionheader/BaseAccordionHeader.vue
index d21a147cd0..7fe885b17e 100644
--- a/packages/primevue/src/accordionheader/BaseAccordionHeader.vue
+++ b/packages/primevue/src/accordionheader/BaseAccordionHeader.vue
@@ -7,7 +7,7 @@ export default {
     extends: BaseComponent,
     props: {
         as: {
-            type: String,
+            type: [String, Object],
             default: 'BUTTON'
         },
         asChild: {
diff --git a/packages/primevue/src/accordionpanel/AccordionPanel.d.ts b/packages/primevue/src/accordionpanel/AccordionPanel.d.ts
index d92d320f73..5cb2953b1c 100755
--- a/packages/primevue/src/accordionpanel/AccordionPanel.d.ts
+++ b/packages/primevue/src/accordionpanel/AccordionPanel.d.ts
@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { VNode } from 'vue';
+import type { Component, VNode } from 'vue';
 
 export declare type AccordionPanelPassThroughOptionType = AccordionPanelPassThroughAttributes | ((options: AccordionPanelPassThroughMethodOptions) => AccordionPanelPassThroughAttributes | string) | string | null | undefined;
 
@@ -81,7 +81,7 @@ export interface AccordionPanelProps {
      * Use to change the HTML tag of root element.
      * @defaultValue DIV
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false
diff --git a/packages/primevue/src/accordionpanel/BaseAccordionPanel.vue b/packages/primevue/src/accordionpanel/BaseAccordionPanel.vue
index eea329df2b..001817c9b8 100644
--- a/packages/primevue/src/accordionpanel/BaseAccordionPanel.vue
+++ b/packages/primevue/src/accordionpanel/BaseAccordionPanel.vue
@@ -15,7 +15,7 @@ export default {
             default: false
         },
         as: {
-            type: String,
+            type: [String, Object],
             default: 'DIV'
         },
         asChild: {
diff --git a/packages/primevue/src/button/BaseButton.vue b/packages/primevue/src/button/BaseButton.vue
index 3ae70885c1..407da43d03 100644
--- a/packages/primevue/src/button/BaseButton.vue
+++ b/packages/primevue/src/button/BaseButton.vue
@@ -43,7 +43,7 @@ export default {
             default: undefined
         },
         as: {
-            type: String,
+            type: [String, Object],
             default: 'BUTTON'
         },
         asChild: {
diff --git a/packages/primevue/src/button/Button.d.ts b/packages/primevue/src/button/Button.d.ts
index 3b309f6f1f..c5b1f30da2 100755
--- a/packages/primevue/src/button/Button.d.ts
+++ b/packages/primevue/src/button/Button.d.ts
@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, HintedString, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { ButtonHTMLAttributes, VNode } from 'vue';
+import type { ButtonHTMLAttributes, Component, VNode } from 'vue';
 
 export declare type ButtonPassThroughOptionType<T = any> = ButtonPassThroughAttributes | ((options: ButtonPassThroughMethodOptions<T>) => ButtonPassThroughAttributes | string) | string | null | undefined;
 
@@ -133,7 +133,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * Use to change the HTML tag of root element.
      * @defaultValue BUTTON
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false
diff --git a/packages/primevue/src/step/BaseStep.vue b/packages/primevue/src/step/BaseStep.vue
index 57ba3939af..d3f3ba5733 100644
--- a/packages/primevue/src/step/BaseStep.vue
+++ b/packages/primevue/src/step/BaseStep.vue
@@ -19,7 +19,7 @@ export default {
             default: false
         },
         as: {
-            type: String,
+            type: [String, Object],
             default: 'DIV'
         }
     },
diff --git a/packages/primevue/src/step/Step.d.ts b/packages/primevue/src/step/Step.d.ts
index 6128ebd391..d6bde4f429 100644
--- a/packages/primevue/src/step/Step.d.ts
+++ b/packages/primevue/src/step/Step.d.ts
@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { VNode } from 'vue';
+import type { Component, VNode } from 'vue';
 
 export declare type StepPassThroughOptionType = StepPassThroughAttributes | ((options: StepPassThroughMethodOptions) => StepPassThroughAttributes | string) | string | null | undefined;
 
@@ -93,7 +93,7 @@ export interface StepProps {
      * Use to change the HTML tag of root element.
      * @defaultValue BUTTON
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false
diff --git a/packages/primevue/src/steppanel/BaseStepPanel.vue b/packages/primevue/src/steppanel/BaseStepPanel.vue
index 2d4030eba5..c55e6f64cd 100644
--- a/packages/primevue/src/steppanel/BaseStepPanel.vue
+++ b/packages/primevue/src/steppanel/BaseStepPanel.vue
@@ -15,7 +15,7 @@ export default {
             default: false
         },
         as: {
-            type: String,
+            type: [String, Object],
             default: 'DIV'
         }
     },
diff --git a/packages/primevue/src/steppanel/StepPanel.d.ts b/packages/primevue/src/steppanel/StepPanel.d.ts
index 2a56907b72..e65019f861 100644
--- a/packages/primevue/src/steppanel/StepPanel.d.ts
+++ b/packages/primevue/src/steppanel/StepPanel.d.ts
@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { VNode } from 'vue';
+import type { Component, VNode } from 'vue';
 
 export declare type StepPanelPassThroughOptionType = StepPanelPassThroughAttributes | ((options: StepPanelPassThroughMethodOptions) => StepPanelPassThroughAttributes | string) | string | null | undefined;
 
@@ -72,7 +72,7 @@ export interface StepPanelProps {
      * Use to change the HTML tag of root element.
      * @defaultValue BUTTON
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false
diff --git a/packages/primevue/src/tab/BaseTab.vue b/packages/primevue/src/tab/BaseTab.vue
index 15050b3fbf..2a801d1230 100644
--- a/packages/primevue/src/tab/BaseTab.vue
+++ b/packages/primevue/src/tab/BaseTab.vue
@@ -15,7 +15,7 @@ export default {
             default: false
         },
         as: {
-            type: String,
+            type: [String, Object],
             default: 'BUTTON'
         },
         asChild: {
diff --git a/packages/primevue/src/tab/Tab.d.ts b/packages/primevue/src/tab/Tab.d.ts
index f90c8f9c34..9a422978ff 100755
--- a/packages/primevue/src/tab/Tab.d.ts
+++ b/packages/primevue/src/tab/Tab.d.ts
@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { VNode } from 'vue';
+import type { Component, VNode } from 'vue';
 
 export declare type TabPassThroughOptionType = TabPassThroughAttributes | ((options: TabPassThroughMethodOptions) => TabPassThroughAttributes | string) | string | null | undefined;
 
@@ -81,7 +81,7 @@ export interface TabProps {
      * Use to change the HTML tag of root element.
      * @defaultValue BUTTON
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false
diff --git a/packages/primevue/src/tabpanel/BaseTabPanel.vue b/packages/primevue/src/tabpanel/BaseTabPanel.vue
index 084dcec146..eba74e8c38 100644
--- a/packages/primevue/src/tabpanel/BaseTabPanel.vue
+++ b/packages/primevue/src/tabpanel/BaseTabPanel.vue
@@ -12,7 +12,7 @@ export default {
             default: undefined
         },
         as: {
-            type: String,
+            type: [String, Object],
             default: 'DIV'
         },
         asChild: {
diff --git a/packages/primevue/src/tabpanel/TabPanel.d.ts b/packages/primevue/src/tabpanel/TabPanel.d.ts
index 0f47c26ed2..307da7fa61 100755
--- a/packages/primevue/src/tabpanel/TabPanel.d.ts
+++ b/packages/primevue/src/tabpanel/TabPanel.d.ts
@@ -10,7 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
-import { AnchorHTMLAttributes, HTMLAttributes, LiHTMLAttributes, VNode } from 'vue';
+import type { AnchorHTMLAttributes, Component, HTMLAttributes, LiHTMLAttributes, VNode } from 'vue';
 
 export declare type TabPanelPassThroughOptionType = TabPanelPassThroughAttributes | ((options: TabPanelPassThroughMethodOptions) => TabPanelPassThroughAttributes | string) | string | null | undefined;
 
@@ -96,7 +96,7 @@ export interface TabPanelProps {
      * Use to change the HTML tag of root element.
      * @defaultValue DIV
      */
-    as?: string | undefined;
+    as?: string | Component | undefined;
     /**
      * When enabled, it changes the default rendered element for the one passed as a child element.
      * @defaultValue false