// ** MUI Imports import Grid from '@mui/material/Grid' import Typography from '@mui/material/Typography' // ** Custom Components Imports import CardSnippet from 'src/@core/components/card-snippet' // ** Demo Components Imports import BadgesDot from 'src/views/components/badges/BadgesDot' import BadgesBasic from 'src/views/components/badges/BadgesBasic' import BadgesLight from 'src/views/components/badges/BadgesLight' import BadgesOverlap from 'src/views/components/badges/BadgesOverlap' import BadgesMaxValue from 'src/views/components/badges/BadgesMaxValue' import BadgesAlignment from 'src/views/components/badges/BadgesAlignment' import BadgesVisibility from 'src/views/components/badges/BadgesVisibility' // ** Source code imports import * as source from 'src/views/components/badges/BadgesSourceCode' const Pagination = () => { return ( Use badgeContent prop for the text inside the badge and color prop for different colors of a badge. Use variant='dot' prop for dot badges. Use anchorOrigin prop to move the badge to any corner of the wrapped element. Use max prop to cap the value of the badge content. Use overlap prop to place the badge relative to the corner of the wrapped element. The visibility of badges can be controlled using invisible prop. If you want to use light variant of the badges, you need to use our custom component with{' '} skin='light' prop. ) } export default Pagination