From 0d924b31f1db816dc23622ed4efc7f32680505cc Mon Sep 17 00:00:00 2001
From: Arman Boyakhchyan <arman.boyakhchyan@devexpress.com>
Date: Tue, 19 May 2026 19:32:36 +0400
Subject: [PATCH 1/2] CardView: Update cardHeader.items[].template Doc

---
 .../9 Types/CardHeaderItem/template.md        | 121 ++++++++++++++++++
 1 file changed, 121 insertions(+)
 create mode 100644 api-reference/10 UI Components/dxCardView/9 Types/CardHeaderItem/template.md

diff --git a/api-reference/10 UI Components/dxCardView/9 Types/CardHeaderItem/template.md b/api-reference/10 UI Components/dxCardView/9 Types/CardHeaderItem/template.md
new file mode 100644
index 0000000000..5cb5171033
--- /dev/null
+++ b/api-reference/10 UI Components/dxCardView/9 Types/CardHeaderItem/template.md	
@@ -0,0 +1,121 @@
+---
+id: CardHeaderItem.template
+type: template
+---
+---
+##### shortDescription
+Configures a custom template for the item.
+
+##### return: String | Element | jQuery
+Template name or container.
+
+##### param(itemData): CollectionWidgetItem
+<!-- %param(itemData)% -->
+
+##### param(itemIndex): Number
+<!-- %param(itemIndex)% -->
+
+##### param(itemElement): DxElement
+<!-- %param(itemElement)% -->
+
+---
+---
+##### jQuery
+
+This property supports the following values:
+
+- A template name (as a string)
+- Template container as a jQuery object
+- Template container as a DOM Node
+- A function that returns a template container (as a jQuery object or DOM node)
+
+For more information about templates, refer to the following topic: [DevExtreme {Framework} - Custom Templates](/Documentation/Guide/UI_Components/Common/Templates/#Custom_Templates).
+
+    <!-- tab: index.js -->
+    $("#card-view-container").dxCardView({
+        cardHeader: {
+            items: [{ // ...
+                template: '<div>Custom Item</div>'
+            }],
+        },
+    });
+
+##### Angular
+
+This property supports the following values:
+
+- A [template](/Documentation/ApiReference/UI_Components/Markup_Components/dxTemplate/) name (as a string)
+- Template container as a DOM Node
+
+For more information about templates, refer to the following topic: [DevExtreme {Framework} - Custom Templates](/Documentation/Guide/UI_Components/Common/Templates/#Custom_Templates).
+
+    <!-- tab: app.component.html -->
+    <dx-card-view>
+        <dxo-card-view-card-header>
+            <dxi-card-view-item>
+                <div *dxTemplate>
+                    <div>Custom Item</div>
+                </div>
+            </dxi-card-view-item>
+        </dxo-card-view-card-header>
+    </dx-card-view>
+
+##### Vue
+
+This property supports the following values:
+
+- A template name (as a string)
+- Template container as a DOM Node
+
+For more information about templates, refer to the following topic: [DevExtreme {Framework} - Custom Templates](/Documentation/Guide/UI_Components/Common/Templates/#Custom_Templates).
+
+    <!-- tab: App.vue -->
+    <template>
+        <DxCardView>
+            <DxCardHeader>
+                <DxItem>
+                    <div>Custom Item</div>
+                </DxItem>
+            </DxCardHeader>
+        </DxCardView>
+    </template>
+
+    <script>
+    import { DxCardView, DxCardHeader, DxItem } from 'devextreme-vue/card-view';
+
+    </script>
+
+##### React
+
+This property supports the following values:
+
+- A template name (as a string)
+- Template container as a DOM Node
+
+[note] Use the React-specific [render]({currentpath}/#render) and [component]({currentpath}/#component) properties instead of **template**.
+
+For more information about templates, refer to the following topic: [DevExtreme {Framework} - Custom Templates](/Documentation/Guide/UI_Components/Common/Templates/#Custom_Templates).
+
+    <!-- tab: App.tsx -->
+    import { CardView, CardHeader, Item } from 'devextreme-react/card-view';
+
+    fucntion renderCustomItem() {
+        return <div>Custom Item</div>;
+    }
+
+    function App() {
+        return (
+            <CardView>
+                <CardHeader>
+                    <Item ...
+                        render={renderCustomItem}
+                    />
+                </CardHeader>
+            </CardView>
+        );
+    }
+
+---
+
+#####See Also#####
+- [Custom Templates](/Documentation/Guide/UI_Components/Common/Templates/#Custom_Templates)

From 092676dffaa36d730c0810bc53c839f91d3a89aa Mon Sep 17 00:00:00 2001
From: Arman Boyakhchyan <arman.boyakhchyan@devexpress.com>
Date: Tue, 19 May 2026 19:50:32 +0400
Subject: [PATCH 2/2] Fix Links

---
 .../dxCardView/9 Types/CardHeaderItem/template.md               | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/api-reference/10 UI Components/dxCardView/9 Types/CardHeaderItem/template.md b/api-reference/10 UI Components/dxCardView/9 Types/CardHeaderItem/template.md
index 5cb5171033..46f8eae56a 100644
--- a/api-reference/10 UI Components/dxCardView/9 Types/CardHeaderItem/template.md	
+++ b/api-reference/10 UI Components/dxCardView/9 Types/CardHeaderItem/template.md	
@@ -92,7 +92,7 @@ This property supports the following values:
 - A template name (as a string)
 - Template container as a DOM Node
 
-[note] Use the React-specific [render]({currentpath}/#render) and [component]({currentpath}/#component) properties instead of **template**.
+[note] Use the React-specific [render](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/cardHeader/items/#render) and [component](/Documentation/ApiReference/UI_Components/dxCardView/Configuration/cardHeader/items/#component) properties instead of **template**.
 
 For more information about templates, refer to the following topic: [DevExtreme {Framework} - Custom Templates](/Documentation/Guide/UI_Components/Common/Templates/#Custom_Templates).