pull/5323/head
Cagatay Civici 2024-02-22 09:40:25 +03:00
commit d518142ab6
1 changed files with 5 additions and 6 deletions

View File

@ -1,9 +1,9 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>Stepper consists of one or more StepperPanel elements.</p> <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>
</DocSectionText> </DocSectionText>
<div class="card" style="padding-left: 20rem; padding-right: 20rem"> <div class="card" style="padding-left: 20rem; padding-right: 20rem">
<Stepper v-model:activeStep="active" linear> <Stepper linear>
<StepperPanel header="Header I"> <StepperPanel header="Header I">
<template #content="{ prevCallback, nextCallback }"> <template #content="{ prevCallback, nextCallback }">
<div class="flex flex-column h-12rem"> <div class="flex flex-column h-12rem">
@ -46,10 +46,9 @@
export default { export default {
data() { data() {
return { return {
active: 0,
code: { code: {
basic: ` basic: `
<Stepper> <Stepper linear>
<StepperPanel header="Header I"> <StepperPanel header="Header I">
<template #content="{ prevCallback, nextCallback }"> <template #content="{ prevCallback, nextCallback }">
<div class="flex flex-column h-12rem"> <div class="flex flex-column h-12rem">
@ -88,7 +87,7 @@ export default {
options: ` options: `
<template> <template>
<div class="card"> <div class="card">
<Stepper> <Stepper linear>
<StepperPanel header="Header I"> <StepperPanel header="Header I">
<template #content="{ prevCallback, nextCallback }"> <template #content="{ prevCallback, nextCallback }">
<div class="flex flex-column h-12rem"> <div class="flex flex-column h-12rem">
@ -129,7 +128,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card"> <div class="card">
<Stepper> <Stepper linear>
<StepperPanel header="Header I"> <StepperPanel header="Header I">
<template #content="{ prevCallback, nextCallback }"> <template #content="{ prevCallback, nextCallback }">
<div class="flex flex-column h-12rem"> <div class="flex flex-column h-12rem">