Fixed typo

pull/6011/head
Cagatay Civici 2024-07-01 14:12:31 +03:00
parent 87507c0dab
commit 8c08a19011
1 changed files with 5 additions and 5 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>Stepepr consists of a combination of <i>StepList</i>, <i>Step</i>, <i>StepPanels</i> and <i>StepPanel</i> components. The <i>value</i> property is essential for associating Step and StepPanel with each other.</p> <p>Stepper consists of a combination of <i>StepList</i>, <i>Step</i>, <i>StepPanels</i> and <i>StepPanel</i> components. The <i>value</i> property is essential for associating Step and StepPanel with each other.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<Stepper value="1" class="basis-[50rem]"> <Stepper value="1" class="basis-[50rem]">
@ -12,7 +12,7 @@
<StepPanels> <StepPanels>
<StepPanel v-slot="{ activateCallback }" value="1"> <StepPanel v-slot="{ activateCallback }" value="1">
<div class="flex flex-col h-48"> <div class="flex flex-col h-48">
<div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div> <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
</div> </div>
<div class="flex pt-6 justify-end"> <div class="flex pt-6 justify-end">
<Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" /> <Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" />
@ -56,7 +56,7 @@ export default {
<StepPanels> <StepPanels>
<StepPanel v-slot="{ activateCallback }" value="1"> <StepPanel v-slot="{ activateCallback }" value="1">
<div class="flex flex-col h-48"> <div class="flex flex-col h-48">
<div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div> <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
</div> </div>
<div class="flex pt-6 justify-end"> <div class="flex pt-6 justify-end">
<Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" /> <Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" />
@ -94,7 +94,7 @@ export default {
<StepPanels> <StepPanels>
<StepPanel v-slot="{ activateCallback }" value="1"> <StepPanel v-slot="{ activateCallback }" value="1">
<div class="flex flex-col h-48"> <div class="flex flex-col h-48">
<div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div> <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
</div> </div>
<div class="flex pt-6 justify-end"> <div class="flex pt-6 justify-end">
<Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" /> <Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" />
@ -134,7 +134,7 @@ export default {
<StepPanels> <StepPanels>
<StepPanel v-slot="{ activateCallback }" value="1"> <StepPanel v-slot="{ activateCallback }" value="1">
<div class="flex flex-col h-48"> <div class="flex flex-col h-48">
<div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div> <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
</div> </div>
<div class="flex pt-6 justify-end"> <div class="flex pt-6 justify-end">
<Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" /> <Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" />