Из-за чего не работают стили кастомной кнопки MUI?

Ссылка скопирована
0 ответов

По вводным: создал кастомные вариант кнопки, предварительно задеклировав её расширив интерфейс

import "@mui/material/Button"; declare module "@mui/material/Button" { interface ButtonPropsVariantOverrides { iconary: true; } }
MuiButton: { variants: [ { props: { variant: 'iconary' }, style: { width: 32, height: 32, minWidth: "none", display: 'flex', alignItems: 'center', justifyContent: 'center', borderRadius: '5px' } }, ] , styleOverrides: { root: { textTransform: "none", fontWeight: 400, fontSize: 16, }, contained: { borderRadius: "10px" }, sizeMedium: { padding: "8px 32px" }, sizeLarge: { padding: "12px inherit" }, }, }

По вводным: применение варианта iconary:

<Button onClick={() => setIsChangeNameModalOpened(true)} variant="iconary" sx={{ backgroundColor: "primary.light" }} > <EditOutlined fontSize="small" sx={{ color: "primary.main", width: 16, height: 16 }} /> </Button>;

Сейчас ситуация такая: в результате все стили с variant['iconary'] не работают, ошибок нет.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно