/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/tooltips/TooltipMargin.js
35 строк
1 KB
Silviu Alexandru Avram
[docs] Make tooltips describe their visible text triggers (#47658)
13 фев 2026, 12:11
Не верифицирован
13 фев 2026, 12:11
48e7bd8
Код
Авторство
О чём код?
import Button from '@mui/material/Button'; import Tooltip, { tooltipClasses } from '@mui/material/Tooltip'; export default function TooltipMargin() { return ( <Tooltip title="Add" describeChild slotProps={{ popper: { sx: { [`&.${tooltipClasses.popper}[data-popper-placement*="bottom"] .${tooltipClasses.tooltip}`]: { marginTop: '0px', }, [`&.${tooltipClasses.popper}[data-popper-placement*="top"] .${tooltipClasses.tooltip}`]: { marginBottom: '0px', }, [`&.${tooltipClasses.popper}[data-popper-placement*="right"] .${tooltipClasses.tooltip}`]: { marginLeft: '0px', }, [`&.${tooltipClasses.popper}[data-popper-placement*="left"] .${tooltipClasses.tooltip}`]: { marginRight: '0px', }, }, }, }} > <Button>Margin</Button> </Tooltip> ); }