fkhadra
Stacked mode. Mobile. After being closed, notifications does not stack again.
Vid:
https://github.com/user-attachments/assets/7e298a6f-4872-481d-b4fa-3934e6864d18
Code:
layout.tsx
import { ToastBtn } from "./ToastBtn";
export default function RootLayout() {
return (
<html lang="en">
<body>
<ToastBtn />
</body>
</html>
);
}
ToastBtn.tsx
import { ToastContainer, toast } from "react-toastify";
export const ToastBtn = () => {
const notify = () => toast("Wow so easy !");
return (
<div className="grid place-items-center h-dvh bg-zinc-900/15">
<button onClick={notify}>Notify !</button>
<ToastContainer stacked position="bottom-center" />
</div>
);
};
I'd like to work on this issue if it's still available.
Can I take this?
I'd like to work on this issue if it's still available and i am new to contributions can i work on this ?
I'd like to work on this issue if it's still available and i am new to contributions can i work on this ?
I'm currently working on this issue. Could you please wait a little while? If I find that I can't complete it, I'll let you know right away.
sure let me know afterward
Sorry for keeping you waiting.
I’ve just submitted the PR — please let me know if this is the right direction or if anything needs to be adjusted.
I’m happy to revise it!