Из-за чего не работают стили кастомной кнопки MUI?
Ссылка скопирована
По вводным: создал кастомные вариант кнопки, предварительно задеклировав её расширив интерфейс
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)
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопросВам также может быть интересно
VPN
Как правильно настроить vless для Android TV?
0 ответов
Pyrogram
Как правильно зарегистрировать юзер бота в Telegram?
0 ответов
печатные-платы
Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro?
0 ответов
Telegram
Как добиться, чтобы Telegram прислал мне именно смс код, а не через звонок его диктовал?
0 ответов
