CHIEFSOFT\ameye
60 lines
1.7 KiB
JavaScript
60 lines
1.7 KiB
JavaScript
import React from 'react';
|
|
import Grid from "@mui/material/Grid";
|
|
import HorizontalStepper from '@/components/UIElements/Stepper/HorizontalStepper';
|
|
import NonLinear from '@/components/UIElements/Stepper/NonLinear';
|
|
import AlternativeLabel from '@/components/UIElements/Stepper/AlternativeLabel';
|
|
import ErrorStep from '@/components/UIElements/Stepper/ErrorStep';
|
|
import CustomizedHorizontalStepper from '@/components/UIElements/Stepper/CustomizedHorizontalStepper';
|
|
import VerticalStepper from '@/components/UIElements/Stepper/VerticalStepper';
|
|
import MobileStepperText from '@/components/UIElements/Stepper/MobileStepperText';
|
|
import Link from 'next/link';
|
|
import styles from '@/styles/PageTitle.module.css';
|
|
|
|
export default function Stepper() {
|
|
return (
|
|
<>
|
|
{/* Page title */}
|
|
<div className={styles.pageTitle}>
|
|
<h1>Stepper</h1>
|
|
<ul>
|
|
<li>
|
|
<Link href="/">Dashboard</Link>
|
|
</li>
|
|
<li>Stepper</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<Grid
|
|
container
|
|
rowSpacing={1}
|
|
columnSpacing={{ xs: 1, sm: 1, md: 1, lg: 1, xl: 2 }}
|
|
>
|
|
<Grid item xs={12} md={12} lg={12} xl={6}>
|
|
{/* HorizontalStepper */}
|
|
<HorizontalStepper />
|
|
|
|
{/* AlternativeLabel */}
|
|
<AlternativeLabel />
|
|
|
|
{/* CustomizedHorizontalStepper */}
|
|
<CustomizedHorizontalStepper />
|
|
|
|
{/* MobileStepper */}
|
|
<MobileStepperText />
|
|
</Grid>
|
|
|
|
<Grid item xs={12} md={12} lg={12} xl={6}>
|
|
{/* NonLinear */}
|
|
<NonLinear />
|
|
|
|
{/* ErrorStep */}
|
|
<ErrorStep />
|
|
|
|
{/* VerticalStepper */}
|
|
<VerticalStepper />
|
|
</Grid>
|
|
</Grid>
|
|
</>
|
|
);
|
|
}
|