CHIEFSOFT\ameye
52 lines
1.3 KiB
JavaScript
52 lines
1.3 KiB
JavaScript
import React from 'react';
|
|
import Grid from "@mui/material/Grid";
|
|
import BasicBadge from '@/components/UIElements/Badge/BasicBadge';
|
|
import Dynamic from '@/components/UIElements/Badge/Dynamic';
|
|
import MaximumValue from '@/components/UIElements/Badge/MaximumValue';
|
|
import BadgeOverlap from '@/components/UIElements/Badge/BadgeOverlap';
|
|
import Accessibility from '@/components/UIElements/Badge/Accessibility';
|
|
import Link from 'next/link';
|
|
import styles from '@/styles/PageTitle.module.css';
|
|
|
|
export default function Badge() {
|
|
return (
|
|
<>
|
|
{/* Page title */}
|
|
<div className={styles.pageTitle}>
|
|
<h1>Badge</h1>
|
|
<ul>
|
|
<li>
|
|
<Link href="/">Dashboard</Link>
|
|
</li>
|
|
<li>Badge</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<Grid
|
|
container
|
|
rowSpacing={2}
|
|
columnSpacing={{ xs: 1, sm: 1, md: 1, lg: 2, xl: 3 }}
|
|
>
|
|
<Grid item xs={12} md={12} lg={12} xl={6}>
|
|
{/* BasicBadge */}
|
|
<BasicBadge />
|
|
|
|
{/* MaximumValue */}
|
|
<MaximumValue />
|
|
|
|
{/* BadgeOverlap */}
|
|
<BadgeOverlap />
|
|
</Grid>
|
|
|
|
<Grid item xs={12} md={12} lg={12} xl={6}>
|
|
{/* Dynamic */}
|
|
<Dynamic />
|
|
|
|
{/* Accessibility */}
|
|
<Accessibility />
|
|
</Grid>
|
|
</Grid>
|
|
</>
|
|
);
|
|
}
|