CHIEFSOFT\ameye
60 lines
1.6 KiB
JavaScript
60 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import Grid from "@mui/material/Grid";
|
|
import Continuous from '@/components/UIElements/Slider/Continuous';
|
|
import Sizes from '@/components/UIElements/Slider/Sizes';
|
|
import Discrete from '@/components/UIElements/Slider/Discrete';
|
|
import SmallSteps from '@/components/UIElements/Slider/SmallSteps';
|
|
import CustomMarks from '@/components/UIElements/Slider/CustomMarks';
|
|
import RestrictedValues from '@/components/UIElements/Slider/RestrictedValues';
|
|
import LabelAlwaysVisible from '@/components/UIElements/Slider/LabelAlwaysVisible';
|
|
import Link from 'next/link';
|
|
import styles from '@/styles/PageTitle.module.css';
|
|
|
|
export default function Slider() {
|
|
return (
|
|
<>
|
|
{/* Page title */}
|
|
<div className={styles.pageTitle}>
|
|
<h1>Slider</h1>
|
|
<ul>
|
|
<li>
|
|
<Link href="/">Dashboard</Link>
|
|
</li>
|
|
<li>Slider</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<Grid
|
|
container
|
|
rowSpacing={1}
|
|
columnSpacing={{ xs: 1, sm: 1, md: 1, lg: 1, xl: 2 }}
|
|
>
|
|
<Grid item xs={12} md={6} lg={6} xl={6}>
|
|
{/* Continuous */}
|
|
<Continuous />
|
|
|
|
{/* Discrete */}
|
|
<Discrete />
|
|
|
|
{/* CustomMarks */}
|
|
<CustomMarks />
|
|
|
|
{/* LabelAlwaysVisible */}
|
|
<LabelAlwaysVisible />
|
|
</Grid>
|
|
|
|
<Grid item xs={12} md={6} lg={6} xl={6}>
|
|
{/* Sizes */}
|
|
<Sizes />
|
|
|
|
{/* SmallSteps */}
|
|
<SmallSteps />
|
|
|
|
{/* RestrictedValues */}
|
|
<RestrictedValues />
|
|
</Grid>
|
|
</Grid>
|
|
</>
|
|
);
|
|
}
|