Padding added demos

pull/5323/head
tugcekucukoglu 2024-02-21 16:21:01 +03:00
parent 8a0dc7c294
commit c555e258c0
3 changed files with 3 additions and 3 deletions

View File

@ -2,7 +2,7 @@
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>Stepper consists of one or more StepperPanel elements.</p> <p>Stepper consists of one or more StepperPanel elements.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card" style="padding-left: 20rem; padding-right: 20rem">
<Stepper> <Stepper>
<StepperPanel header="Header I"> <StepperPanel header="Header I">
<template #content="{ prevCallback, nextCallback }"> <template #content="{ prevCallback, nextCallback }">

View File

@ -2,7 +2,7 @@
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>Stepper consists of one or more StepperPanel elements.</p> <p>Stepper consists of one or more StepperPanel elements.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card" style="padding-left: 20rem; padding-right: 20rem">
<Stepper v-model:activeStep="active" linear> <Stepper v-model:activeStep="active" linear>
<StepperPanel header="Header I"> <StepperPanel header="Header I">
<template #content="{ prevCallback, nextCallback }"> <template #content="{ prevCallback, nextCallback }">

View File

@ -2,7 +2,7 @@
<DocSectionText v-bind="$attrs"> <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>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>
</DocSectionText> </DocSectionText>
<div class="card flex flex-column justify-content-center"> <div class="card flex flex-column justify-content-center" style="padding-left: 20rem; padding-right: 20rem">
<Stepper v-model:activeStep="active"> <Stepper v-model:activeStep="active">
<StepperPanel> <StepperPanel>
<template #header="{ index, clickCallback, headerClass, numberClass }"> <template #header="{ index, clickCallback, headerClass, numberClass }">