Tagged: #daisyui

In this tutorial, learn how to validate forms in a react functional component with typescript.

Learn how to create a linkable, bookmarkable, and accessible tabs component in NextJS by using @headlessui/react and tailwind css.

Learn how to implement multiple layouts in NextJS in different parts of an application with Typescript.

Learn how to add a Navbar in All Pages in NextJS 12

In this tutorial, you'll learn how to create a custom Formik select component using HeadlessUI, DaisyUI, and TailwindCSS.

In this tutorial, you'll learn how to create a custom Formik Dropdown component using HeadlessUI, DaisyUI, and TailwindCSS.

Learn how to build a React table of contents component that works on desktop and mobile using Typescript, React, and DaisyUI!

Learn how to build a 6-digit react otp input and automatic submission through WebOTP API in a React Application.

Often times we want to extend a functionality of html elements by creating a component in react. It's always a good idea to keep the props of the html element when using the component. This tutorial shows us exactly how it's done with typescript.

A simple way on how to animate daisyUI radial progress bar using react-spring animation library.

Tutorial on how to modify the default DaisyUI radial progress component to have a straight line cap or edge.

This tutorial shows you how to set inline styles in react with typescript