Headless UI - Build A Drodown Menu in React Using HeadlessUI & Tailwind CSS
HTML-код
- Опубликовано: 2 апр 2022
- In this video I go over how to use headless ui in your react application along with tailwind css. We first use a free tailwind ui component and then I show you how to build a custom dropdown using headless ui with transitions! Thanks for watching!
Github Repo:
github.com/fireclint/headless...
🔥 My Coding Equipment 🔥
Logitech MX Wireless Keyboard - amzn.to/3xKPFiN
Logitech MX Master 2S Wireless Mouse - amzn.to/3O5WmRD
SAMSUNG 49-Inch Gaming Monitor - amzn.to/3mvUy8M
Shure MV7 USB Podcast Microphone - amzn.to/3O00nqG
Mic Boom Arm - amzn.to/3NHn6YU
Monitor Desk Light Bar - amzn.to/3xzKlyj
Instagram:
/ fireclint
☕ Support the channel ☕
www.buymeacoffee.com/clintbriley
I really appreciate your work and specially sharing with us. You cannot imagine how helpful it is for us! I am so grateful dude!
Awesome thank you!
Oh this is good! Looking forward to the next big project!! Cheers!
Thank you! Cheers!
Thx this was really cool amazing got to learn a lot.
great tutorial! subbed.
Thank you, this tutorial was very useful and save a lot of time in my developing process.
Glad it helped!
Hi, this is so cool. Thanks for sharing this information with us. It will save everyone's time!!
Thank you!
Really helpful video, thanks a lot !
Thanks Romain!
Thank you for leading me to headless Ui and thanks for the video
Thank you sir!
This video is all over the place. First you decide to copy paste everything then decide do it from scratch and return back to copy paste.
Amazing stuff mate.
Just dont forget us, we're the ones with you from the start of your journey :D
You guys are the best!
THANK YIU SO MUCH
thank you
thanks a lot
nice vid... I am setting this up for my resume project
That would be awesome!
I enjoyed watching the video this time as well. 👍
I saw a video about PARALLAX before.
I think PARALLAX has a high efficiency effect.
Don't you have any plans to upload a video about the effects of fade-up or fade-in??
I could do that! Tailwind makes this super simply. I'm a huge fan of tailwind now! haha
Is there any way you can make a video of a project working with a CMS? Love your videos!! Keep up the good work!
Hi Kevin - Anything specific in mind?
@@codecommerce I really want to learn either strapi or sanity. I don't know any right now so the react, tailwind, cms stack is what I am trying to use for new clients instead of wordpress
Your life saver person
Thanks man!
Please do authentication video it will be help
This navbar will not be accessible by search engines. Is it big issue?
Eyyyy bro. Can you make a playlist of Headless UI library?
That would be cool. I'm new to YT and still figuring out how to play with the channel. That would be cool to have a Headless UI tab. Lots of cool things with headless ui & tailwind
Cool
Thanks dude!
hey hi , can u make a video on Masonry grid in tailwind/css how to create one???
Thats an awesome idea.
@@codecommerce hey hi , I am still waiting for this masonry gird in react tailwind/CSS........please I insist can you make one sir?
Looking for something like this only in Laravel 9 any chance you might do one for us?
I don’t have any experience with Laravel unfortunately.
Grate chorus: however, can you Bring this up to date? The newer version of "@heroicons/react": "^2.0.14", will not work with the code you have.
P.S. otherwise the code works just fine.
I need to make some updates.
Again and as always, thanks for this! I tried to make that work with "" but it's seems to be uncompatible... guess i've to use the basic tag ^^
Where were you importing Link from?
@@codecommerce 'react-scroll', it works fine for others links that are outside the dropdown.
ctrl c ctrl v tutorial wow
Are you on Twitter? Shall I reach out to you for a course requirement? I can provide more details/budget in case you are interested.
Hi Venkata, I'm not really on Twitter.. I am on IG! @fireclint
@@codecommerce Hi Clint, I sent a note on the IG. when you get a chance, can you please check once?
TailwindUI is one-time payment
You don’t need to pay for tailwind unless you want to use their pre made templates. :)