Tagged: #tailwindcss

How to Implement a Reusable Responsive Modal in React with DaisyUI

There are many ways to create modals in react. In this tutorial, we're gonna show you how to create a responsive modal using DaisyUI that works for both mobile and desktop.

Ultimate Guide on how to setup Editor.js with Next.js 12+ (Typescript)

NextJS, React

EditorJS is a great rich text editor in 2022. However there are many issues with just setting it up in Next.js 12 or React 18, and especially when you combine typescript into the mix. Lets take a look on how to solve these issues.

How to close DaisyUI Dropdown with one click

DaisyUI, Javascript, React

I'll show you 2 ways on how to close a daisyui dropdown with one click. First using document object model (dom) api and next with React.

How to implement a React autocomplete input using DaisyUI

React, TailwindCSS

Daisy UI is a great css library that has a lot of helpful components but it doesn't have an search autocomplete input component. In this tutorial we'll make a search autocomplete component using React + DaisyUI!

How to setup DaisyUI theme with Nextjs

NextJS

DaisyUI themes functionality is great because it's not limited to light/dark mode you simply have to add data-theme="light" to the root html element. Daisy UI is a great css library for speeding up creation of components in tailwindcss since we don't have to add that many classes.

1 2 3 4

Disclaimer

This content may contain links to products, software and services. Please assume all such links are affiliate links which may result in my earning commissions and fees.

As an Amazon Associate, I earn from qualifying purchases. This means that whenever you buy a product on Amazon from a link on our site, we receive a small percentage of its price at no extra cost to you. This helps us continue to provide valuable content and reviews to you. Thank you for your support!

ReactHustle