22 lines
563 B
TypeScript
22 lines
563 B
TypeScript
|
import { styled } from '@mui/material/styles';
|
||
|
|
import Button from '@mui/material/Button';
|
||
|
|
import Tooltip, { TooltipProps } from '@mui/material/Tooltip';
|
||
|
|
|
||
|
|
const StyledTooltip = styled(({ className, ...props }: TooltipProps) => (
|
||
|
|
<Tooltip {...props} classes={{ popper: className }} />
|
||
|
|
))`
|
||
|
|
& .MuiTooltip-tooltip {
|
||
|
|
background: navy;
|
||
|
|
}
|
||
|
|
`;
|
||
|
|
|
||
|
|
export default function StyledComponentsPortal() {
|
||
|
|
return (
|
||
|
|
<StyledTooltip title="I am navy">
|
||
|
|
<Button variant="contained" color="primary">
|
||
|
|
Styled tooltip
|
||
|
|
</Button>
|
||
|
|
</StyledTooltip>
|
||
|
|
);
|
||
|
|
}
|