27 lines
755 B
JavaScript
27 lines
755 B
JavaScript
|
import Box from '@mui/material/Box';
|
||
|
|
import Fab from '@mui/material/Fab';
|
||
|
|
import AddIcon from '@mui/icons-material/Add';
|
||
|
|
import EditIcon from '@mui/icons-material/Edit';
|
||
|
|
import FavoriteIcon from '@mui/icons-material/Favorite';
|
||
|
|
import NavigationIcon from '@mui/icons-material/Navigation';
|
||
|
|
|
||
|
|
export default function FloatingActionButtons() {
|
||
|
|
return (
|
||
|
|
<Box sx={{ '& > :not(style)': { m: 1 } }}>
|
||
|
|
<Fab color="primary" aria-label="add">
|
||
|
|
<AddIcon />
|
||
|
|
</Fab>
|
||
|
|
<Fab color="secondary" aria-label="edit">
|
||
|
|
<EditIcon />
|
||
|
|
</Fab>
|
||
|
|
<Fab variant="extended">
|
||
|
|
<NavigationIcon sx={{ mr: 1 }} />
|
||
|
|
Navigate
|
||
|
|
</Fab>
|
||
|
|
<Fab disabled aria-label="like">
|
||
|
|
<FavoriteIcon />
|
||
|
|
</Fab>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
}
|