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
33 lines
765 B
TypeScript
33 lines
765 B
TypeScript
import * as React from 'react';
|
|
import Box from '@mui/material/Box';
|
|
import Link from '@mui/material/Link';
|
|
|
|
const preventDefault = (event: React.SyntheticEvent) => event.preventDefault();
|
|
|
|
export default function UnderlineLink() {
|
|
return (
|
|
<Box
|
|
sx={{
|
|
display: 'flex',
|
|
flexWrap: 'wrap',
|
|
justifyContent: 'center',
|
|
typography: 'body1',
|
|
'& > :not(style) ~ :not(style)': {
|
|
ml: 2,
|
|
},
|
|
}}
|
|
onClick={preventDefault}
|
|
>
|
|
<Link href="#" underline="none">
|
|
{'underline="none"'}
|
|
</Link>
|
|
<Link href="#" underline="hover">
|
|
{'underline="hover"'}
|
|
</Link>
|
|
<Link href="#" underline="always">
|
|
{'underline="always"'}
|
|
</Link>
|
|
</Box>
|
|
);
|
|
}
|