23 lines
611 B
JavaScript
23 lines
611 B
JavaScript
|
import * as React from 'react';
|
||
|
|
import Box from '@mui/material/Box';
|
||
|
|
import Snackbar from '@mui/material/Snackbar';
|
||
|
|
|
||
|
|
export default function PositionedSnackbar() {
|
||
|
|
return (
|
||
|
|
<Box dir="ltr" sx={{ width: window?.innerWidth, height: '100vh' }}>
|
||
|
|
<Snackbar
|
||
|
|
key="left"
|
||
|
|
anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
|
||
|
|
message="Snackbar should show left (LTR)"
|
||
|
|
open
|
||
|
|
/>
|
||
|
|
<Snackbar
|
||
|
|
key="right"
|
||
|
|
anchorOrigin={{ horizontal: 'right', vertical: 'top' }}
|
||
|
|
message="Snackbar should show right (LTR)"
|
||
|
|
open
|
||
|
|
/>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
}
|