005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
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>
|
|
);
|
|
}
|