Make the input and button on the same line

I’m making a todo list app using react and chakra ui. I want to make the input and the button on the same line. This is what i get: photo I want to make something like this: photo My Code: App.js: import "./App.css"; import { ChakraProvider } from "@chakra-ui/react"; import Todo from "./components/Todo"; function App()… Read More Make the input and button on the same line

onclick button toggle icon not working in reactjs

Here i try to toggle react icons when click the button but it still not working: Here is my code: const [anchorEl, setAnchorEl] = useState(null); const open = Boolean(anchorEl); const handleClick = (event) => { setAnchorEl(event.currentTarget); }; const handleClose = () => { setAnchorEl(null); }; <button onClick={handleClick} className="top-rated-car-react-button"> {anchorEl ? ( <MdFavoriteBorder style={{ color: "#F76631",… Read More onclick button toggle icon not working in reactjs