How to add a tooltip to a component in Next.js

Tooltip can be added in various ways to your project React-tooltip library a. Install the required package using npm or yarn. Open your terminal and run: npm install react-tooltip b. Create a new component for your tooltip. For example, you can create a component called CustomToolTip.js: // CustomTooltip.jsimport React from ‘react’;import ReactTooltip from ‘react-tooltip’; const… Continue reading How to add a tooltip to a component in Next.js

Deploying a Next.js to Github pages

Next.js is a React framework that lets us build React web applications through a layer of automatic configuration abstraction. It pushes the React component paradigm towards a page based structure, and is great for static and, through automatic static optimization, dynamic websites. Step 1: The Next.js project Create a Next.js project by following the instructions… Continue reading Deploying a Next.js to Github pages

Tailwind-datepicker-react component

A Tailwindcss/Flowbite datepicker component built as a React component with types based on the original datepicker from Flowbite. This component can also be used as a plugin using the Flowbite React library. The datepicker features both inline and a date range picker functionality and some extra options such as autohide, custom format, positioning, and more.… Continue reading Tailwind-datepicker-react component

Tailwind css Configuration file

The Tailwind CSS configuration file allows you to customize various aspects of the framework to suit your project’s needs. Generate a Tailwind config file for your project using the Tailwind CLI utility included when you install the tailwindcss npm package: This will create a minimal tailwind.config.js file at the root of your project: 1.Content –… Continue reading Tailwind css Configuration file

How to find httpd.conf file in wordpress

In a typical WordPress installation, the httpd.conf file is not directly accessible or editable from within the WordPress dashboard. The httpd.c To find the httpd.conf file in Google Cloud Platform (GCP), you need to access your virtual machine instance and navigate to the appropriate directory. To find the httpd.conf file in GCP: Log in to… Continue reading How to find httpd.conf file in wordpress

Downloading a file on clicking on a link

HTML <a> download Attribute is used to download a file when clicking on the link (instead of navigating to the file). Example: <a href=”./completefile.pdf” download class=”download-btn”>Download eBook </a> The download attribute specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink. Can be used with or without a filename value: Without… Continue reading Downloading a file on clicking on a link

How to add a menu to wordpress dashboard

The add_menu_page function in WordPress is used to add a top-level menu page in the WordPress dashboard. Here’s the basic syntax of the add_menu_page function: add_menu_page( string $page_title, string $menu_title, string $capability, string $menu_slug, callable $function = ”, string $icon_url = ”, int $position = null ) Parameters in the function are: $page_title (string): The… Continue reading How to add a menu to wordpress dashboard