From 02b4daead294c9141bc037fc23e141948847e4eb Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 22 Feb 2024 12:45:53 +0300
Subject: [PATCH] Update stepper docs

---
 doc/stepper/BasicDoc.vue    | 5 ++++-
 doc/stepper/LinearDoc.vue   | 2 +-
 doc/stepper/TemplateDoc.vue | 2 +-
 doc/stepper/VerticalDoc.vue | 2 +-
 pages/stepper/index.vue     | 2 +-
 5 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/doc/stepper/BasicDoc.vue b/doc/stepper/BasicDoc.vue
index 55d642eb1..620acaa40 100644
--- a/doc/stepper/BasicDoc.vue
+++ b/doc/stepper/BasicDoc.vue
@@ -1,6 +1,9 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Stepper consists of one or more StepperPanel elements.</p>
+        <p>
+            Stepper consists of one or more StepperPanel elements to encapsulate each step in the progress. The elements to navigate between the steps are not built-in for ease of customization, instead <i>prevCallback</i> and
+            <i>nextCallback</i> events should be bound to your custom UI elements.
+        </p>
     </DocSectionText>
     <div class="card flex justify-content-center">
         <Stepper>
diff --git a/doc/stepper/LinearDoc.vue b/doc/stepper/LinearDoc.vue
index 186c183b7..dedbff99d 100644
--- a/doc/stepper/LinearDoc.vue
+++ b/doc/stepper/LinearDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Stepper is linear by default to enforce completion of a previus step to proceed, set <i>linear</i> as true for non-linear mode.</p>
+        <p>When <i>linear</i> property is present, current step must be completed in order to move to the next step.</p>
     </DocSectionText>
     <div class="card flex justify-content-center">
         <Stepper linear>
diff --git a/doc/stepper/TemplateDoc.vue b/doc/stepper/TemplateDoc.vue
index 557b67aae..b0d98cd6b 100644
--- a/doc/stepper/TemplateDoc.vue
+++ b/doc/stepper/TemplateDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Each StepperPanel content can easily be customized with the default slot instead of using the built-in modes. Additionally, header, content, and separator sections of the StepperPanel are customizable via templating.</p>
+        <p>Stepper provides various templating options to customize the default UI design.</p>
     </DocSectionText>
     <div class="card flex justify-content-center">
         <Stepper v-model:activeStep="active">
diff --git a/doc/stepper/VerticalDoc.vue b/doc/stepper/VerticalDoc.vue
index f6bcba0e7..2f2269f3b 100644
--- a/doc/stepper/VerticalDoc.vue
+++ b/doc/stepper/VerticalDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Layout of the Stepper is configured with the <i>orientation</i> property that accepts <i>horizontal</i> and <i>vertical</i> as options.</p>
+        <p>Layout of the Stepper is configured with the <i>orientation</i> property that accepts <i>horizontal</i> and <i>vertical</i> as available options.</p>
     </DocSectionText>
     <div class="card">
         <Stepper orientation="vertical">
diff --git a/pages/stepper/index.vue b/pages/stepper/index.vue
index 6798e5b48..e4f856aa8 100644
--- a/pages/stepper/index.vue
+++ b/pages/stepper/index.vue
@@ -2,7 +2,7 @@
     <DocComponent
         title="Vue Stepper Component"
         header="Stepper"
-        description="Stepper is a component that streamlines a wizard-like workflow, organizing content into coherent steps and visually guiding users through a numbered progression in a multi-step process."
+        description="The Stepper component displays a wizard-like workflow by guiding users through the multi-step progression."
         :componentDocs="docs"
         :themingDocs="themingDoc"
         :ptTabComponent="ptComponent"