how to change mui pagination color

Arifur Rahaman answered on October 6, 2022 Popularity 8/10 Helpfulness 7/10

answer how to change mui pagination color

how to change mui pagination color

Comment

import * as React from 'react';
import Pagination from '@mui/material/Pagination';
import Stack from '@mui/material/Stack';
import { styled } from '@mui/system';

//Make a styled pagination component using styled API that overrides default style
const MyPagination = styled(Pagination)({
  '& .Mui-selected': {
    backgroundColor: 'red',
    color:'#19D5C6',
   },
});

export default function BasicPagination() {
  return (
    <Stack spacing={2}>
      <MyPagination count={10} />
    </Stack>
  );
}

Popularity 8/10 Helpfulness 7/10 Language whatever

Source: stackoverflow.com

Tags: mui pagination whatever

Link to this answer
Share Copy Link

Contributed on Oct 06 2022

Arifur Rahaman

0 Answers Avg Quality 2/10

how to change mui pagination color

Contents

More Related Answers

how to change mui pagination color

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.