24 lines
598 B
TypeScript
24 lines
598 B
TypeScript
|
import Alert from '@mui/material/Alert';
|
||
|
|
import Button from '@mui/material/Button';
|
||
|
|
import Stack from '@mui/material/Stack';
|
||
|
|
|
||
|
|
export default function ActionAlerts() {
|
||
|
|
return (
|
||
|
|
<Stack sx={{ width: '100%' }} spacing={2}>
|
||
|
|
<Alert severity="warning" onClose={() => {}}>
|
||
|
|
This Alert displays the default close icon.
|
||
|
|
</Alert>
|
||
|
|
<Alert
|
||
|
|
severity="success"
|
||
|
|
action={
|
||
|
|
<Button color="inherit" size="small">
|
||
|
|
UNDO
|
||
|
|
</Button>
|
||
|
|
}
|
||
|
|
>
|
||
|
|
This Alert uses a Button component for its action.
|
||
|
|
</Alert>
|
||
|
|
</Stack>
|
||
|
|
);
|
||
|
|
}
|