// ** 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 ChipsIcon from 'src/views/components/chips/ChipsIcon' import ChipsSizes from 'src/views/components/chips/ChipsSizes' import ChipsArray from 'src/views/components/chips/ChipsArray' import ChipsLight from 'src/views/components/chips/ChipsLight' import ChipsColors from 'src/views/components/chips/ChipsColors' import ChipsAvatar from 'src/views/components/chips/ChipsAvatar' import ChipsRounded from 'src/views/components/chips/ChipsRounded' import ChipsVariants from 'src/views/components/chips/ChipsVariants' import ChipsDisabled from 'src/views/components/chips/ChipsDisabled' import ChipsOnDelete from 'src/views/components/chips/ChipsOnDelete' import ChipsClickable from 'src/views/components/chips/ChipsClickable' // ** Source code imports import * as source from 'src/views/components/chips/ChipsSourceCode' const Pagination = () => { return ( Use variant='outlined' prop with Chip component for outlined chip. Use disabled prop for disabled chip. Use color prop for different colored chips. Use onDelete prop for delete icon in a chip. Use deleteIcon prop to change the default delete icon. Use size='small' prop for small chip. You can make any chip clickable by adding clickable prop and use component='a' to make it a link. Use Avatar component inside avatar prop for a chip with avatar. Use icon prop for an icon inside a chip. You can make a list of chips that can make some or all chips deletable. If you want to use light variant of the chips, you need to use our custom component with{' '} skin='light' prop. Use prop rounded for a rounded chip. ) } export default Pagination