Tooltips are an essential part of modern interfaces and most of the popular UI frameworks have such components. However, as is often the case, you might want to create a custom tooltip that is more suitable for your specific needs. I recently came across the react-tooltip library, which I didn’…
Posts for "next.js"
Modal component with Next.js with close on backdrop click
This tutorial is a continuation of the previous tutorial, where I created a Modal component in a Next.js 13 application, using the pages router. In the current tutorial, I will enhance it by allowing it to close when the user clicks outside of it. I will refer to this functionality as “close o…
Modal component with Next.js – pages router
In this tutorial, I will show you how to create a basic Modal component from scratch in a Next.js application with pages router. Before we start Important: Next v13 with pages router was used for this tutorial . Here is the Github repository with the source code. If you are using an older version of…