From b3268fac12517faca8e6e59760f3567b706c040d Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Tue, 19 Mar 2024 15:55:16 +0200
Subject: [PATCH 1/2] docs(Wizard): Add docs on wizard stepper step template

---
 components/wizard/templates.md | 73 ++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 components/wizard/templates.md

diff --git a/components/wizard/templates.md b/components/wizard/templates.md
new file mode 100644
index 000000000..a9f476219
--- /dev/null
+++ b/components/wizard/templates.md
@@ -0,0 +1,73 @@
+---
+title: Templates
+page_title: Wizard Templates
+description: Explore the available templates for the Wizard for Blazor.
+slug: wizard-templates
+tags: telerik,blazor,wizard,template,templates
+published: True
+position: 50
+---
+
+# Wizard Templates
+
+You can customize the whole appearance of the steps in the Stepper, that is part of the Wizard component, through their `StepTemplate`. It allows you to control the rendering and styles of both indicators and labels of the step.
+
+````CSHTML
+@*Use Roman numerals to enumerate the steps.*@
+
+<TelerikWizard>
+    <WizardSteps>
+        <WizardStep>
+            <StepTemplate>
+                <span class="custom-step">
+                    &#8544;
+                </span>
+            </StepTemplate>
+            <Content>
+                <p>Welcome to the Wizard!</p>
+            </Content>
+        </WizardStep>
+        <WizardStep>
+            <StepTemplate>
+                    <div class="custom-step">
+                        &#8545;
+                    </div>
+            </StepTemplate>
+            <Content>
+                <p>The user is performing some actions...</p>
+            </Content>
+        </WizardStep>
+        <WizardStep>
+            <StepTemplate>
+                <span class="custom-step">
+                    &#8546;
+                </span>
+            </StepTemplate>
+            <Content>
+                <p>Thank you!</p>
+            </Content>
+        </WizardStep>
+    </WizardSteps>
+</TelerikWizard>
+
+<style>
+    .custom-step {
+        width: 40px;
+        height: 40px;
+        border: 2px solid #ff8008;
+        border-radius: 10px;
+        background-clip: padding-box;
+        border-radius: 10px;
+        box-sizing: border-box;
+        text-align: center;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        background-color: #fff;
+    }
+</style>
+````
+
+## See Also
+
+  * [Live Demos: Wizard Form](https://demos.telerik.com/blazor-ui/wizard/form)
\ No newline at end of file

From d4e15b612b2f29ce098594b78848c430e32f6d36 Mon Sep 17 00:00:00 2001
From: Svetoslav Dimitrov <61150560+svdimitr@users.noreply.github.com>
Date: Tue, 19 Mar 2024 15:55:52 +0200
Subject: [PATCH 2/2] docs(Wizard): Update the demo url

---
 components/wizard/templates.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/wizard/templates.md b/components/wizard/templates.md
index a9f476219..f24cff492 100644
--- a/components/wizard/templates.md
+++ b/components/wizard/templates.md
@@ -70,4 +70,4 @@ You can customize the whole appearance of the steps in the Stepper, that is part
 
 ## See Also
 
-  * [Live Demos: Wizard Form](https://demos.telerik.com/blazor-ui/wizard/form)
\ No newline at end of file
+  * [Live Demos: Wizard Template](https://demos.telerik.com/blazor-ui/wizard/template)
\ No newline at end of file