Create Floating Red Buttons in React with Tailwind CSS

<AppBar position="static"> <Toolbar> <IconButton size="large" edge="start" color="inherit" aria-label="menu" aria-controls="menu-appbar" aria-haspopup="true" onClick={handleClick} > <MenuIcon /> </IconButton> <Menu id="menu-appbar" anchorEl={anchorEl} anchorOrigin={{ vertical: 'top', horizontal: 'left', }} keepMounted transformOrigin={{ vertical: 'top', horizontal: 'left', }} open={open} onClose={handleClose} > <MenuItem onClick={handleClose}>Menu 1</MenuItem> <MenuItem onClick={handleClose}>Menu 2</MenuItem> <MenuItem onClick={handleClose}>Menu 3</MenuItem> </Menu> <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}> Title </Typography> <Stack direction="row" spacing={1}> <Chip label="Chip 1" color="secondary" /> <Chip label="Chip 2" color="secondary" /> <Chip label="Chip 3" color="secondary" /> </Stack> </Toolbar> </AppBar> </div>