18 lines
541 B
TypeScript
18 lines
541 B
TypeScript
|
|
import Box from '@mui/joy/Box';
|
||
|
|
import Button from '@mui/joy/Button';
|
||
|
|
import IconButton from '@mui/joy/IconButton';
|
||
|
|
import OpenInNew from '@mui/icons-material/OpenInNew';
|
||
|
|
|
||
|
|
export default function ButtonLink() {
|
||
|
|
return (
|
||
|
|
<Box sx={{ display: 'flex', gap: 2, alignItems: 'center' }}>
|
||
|
|
<Button component="a" href="#as-link" startDecorator={<OpenInNew />}>
|
||
|
|
Open in new tab
|
||
|
|
</Button>
|
||
|
|
<IconButton aria-label="Open in new tab" component="a" href="#as-link">
|
||
|
|
<OpenInNew />
|
||
|
|
</IconButton>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
}
|