Skip to content

Commit

Permalink
update positioned snackbar demo
Browse files Browse the repository at this point in the history
  • Loading branch information
ZeeshanTamboli committed Sep 6, 2023
1 parent 94a2e4b commit 0d5173e
Show file tree
Hide file tree
Showing 3 changed files with 15 additions and 15 deletions.
14 changes: 7 additions & 7 deletions docs/data/joy/components/snackbar/PositionedSnackbar.js
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ export default function PositionedSnackbar() {
variant="plain"
onClick={handleClick({ vertical: 'top', horizontal: 'center' })}
>
Top-Center
TOP-CENTER
</Button>
</Box>
<Grid container justifyContent="center">
Expand All @@ -36,31 +36,31 @@ export default function PositionedSnackbar() {
variant="plain"
onClick={handleClick({ vertical: 'top', horizontal: 'left' })}
>
Top-Left
TOP-LEFT
</Button>
</Grid>
<Grid xs={6} textAlign="right">
<Button
variant="plain"
onClick={handleClick({ vertical: 'top', horizontal: 'right' })}
>
Top-Right
TOP-RIGHT
</Button>
</Grid>
<Grid xs={6}>
<Button
variant="plain"
onClick={handleClick({ vertical: 'bottom', horizontal: 'left' })}
>
Bottom-Left
BOTTOM-LEFT
</Button>
</Grid>
<Grid xs={6} textAlign="right">
<Button
variant="plain"
onClick={handleClick({ vertical: 'bottom', horizontal: 'right' })}
>
Bottom-Right
BOTTOM-RIGHT
</Button>
</Grid>
</Grid>
Expand All @@ -69,7 +69,7 @@ export default function PositionedSnackbar() {
variant="plain"
onClick={handleClick({ vertical: 'bottom', horizontal: 'center' })}
>
Bottom-Center
BOTTOM-CENTER
</Button>
</Box>
</React.Fragment>
Expand All @@ -82,7 +82,7 @@ export default function PositionedSnackbar() {
anchorOrigin={{ vertical, horizontal }}
open={open}
onClose={handleClose}
variant="soft"
variant="solid"
color="success"
size="lg"
>
Expand Down
14 changes: 7 additions & 7 deletions docs/data/joy/components/snackbar/PositionedSnackbar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ export default function PositionedSnackbar() {
variant="plain"
onClick={handleClick({ vertical: 'top', horizontal: 'center' })}
>
Top-Center
TOP-CENTER
</Button>
</Box>
<Grid container justifyContent="center">
Expand All @@ -40,31 +40,31 @@ export default function PositionedSnackbar() {
variant="plain"
onClick={handleClick({ vertical: 'top', horizontal: 'left' })}
>
Top-Left
TOP-LEFT
</Button>
</Grid>
<Grid xs={6} textAlign="right">
<Button
variant="plain"
onClick={handleClick({ vertical: 'top', horizontal: 'right' })}
>
Top-Right
TOP-RIGHT
</Button>
</Grid>
<Grid xs={6}>
<Button
variant="plain"
onClick={handleClick({ vertical: 'bottom', horizontal: 'left' })}
>
Bottom-Left
BOTTOM-LEFT
</Button>
</Grid>
<Grid xs={6} textAlign="right">
<Button
variant="plain"
onClick={handleClick({ vertical: 'bottom', horizontal: 'right' })}
>
Bottom-Right
BOTTOM-RIGHT
</Button>
</Grid>
</Grid>
Expand All @@ -73,7 +73,7 @@ export default function PositionedSnackbar() {
variant="plain"
onClick={handleClick({ vertical: 'bottom', horizontal: 'center' })}
>
Bottom-Center
BOTTOM-CENTER
</Button>
</Box>
</React.Fragment>
Expand All @@ -86,7 +86,7 @@ export default function PositionedSnackbar() {
anchorOrigin={{ vertical, horizontal }}
open={open}
onClose={handleClose}
variant="soft"
variant="solid"
color="success"
size="lg"
>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
anchorOrigin={{ vertical, horizontal }}
open={open}
onClose={handleClose}
variant="soft"
variant="solid"
color="success"
size="lg"
>
Expand Down

0 comments on commit 0d5173e

Please sign in to comment.