Padding added demos
parent
8a0dc7c294
commit
c555e258c0
|
@ -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 }">
|
||||||
|
|
|
@ -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 }">
|
||||||
|
|
|
@ -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 }">
|
||||||
|
|
Loading…
Reference in New Issue