Build a dropdown with tailwindcss, EP - 4 | Learn Tailwindcss

preview_player
Показать описание
Hey guys, in this one we're going to take a look at how to make a dropdown with tailwindcss and also how to make it interactive with javascript.

Timestamps -
0:00 - Intro
0:15 - Making a dropdown button
1:00 - Building the dropdown
2:43 - Styling the links
3:50 - Making the dropdown interactive with Javascript
7:45 - Refactoring Javascript
8:50 - Outro
  1. Manan Gouhari
Рекомендации по теме
How to create 0:12:19

How to create dropdown in tailwind css?

Designing with Tailwind 0:09:51

Designing with Tailwind CSS: Styling a Dropdown Menu

Animated Dropdown Menu 0:24:50

Animated Dropdown Menu - React + TailwindCSS Tutorial for Beginners

Build a dropdown 0:09:16

Build a dropdown menu with HeadlessUI and TailwindCSS

How to make 0:00:08

How to make a dropdown with tailwindcss and vue

Build a dropdown 0:09:22

Build a dropdown with tailwindcss, EP - 4 | Learn Tailwindcss

Building a Custom 0:14:07

Building a Custom Dropdown Menu with Headless UI React and Tailwind CSS

Tailwind css navbar 0:25:28

Tailwind css navbar dropdown

Create Custom Dropdown 0:11:27

Create Custom Dropdown Component using Tailwind CSS

Custom Dropdown - 0:09:15

Custom Dropdown - Tailwind Component #14

Build a Multi-Select 0:02:37

Build a Multi-Select Dropdown with Tailwind CSS! 🌟🖱️

Custom Dropdown using 0:13:38

Custom Dropdown using React.js and Tailwind CSS | REACT CUSTOM COMPONENT

Responsive dropdown navbar 0:56:54

Responsive dropdown navbar with tailwind css and react js | React js and Tailwind css

Make a Dropdown 0:03:29

Make a Dropdown Menu in React JS | Beginner Tutorial

Ultimate Tailwind CSS 0:12:56

Ultimate Tailwind CSS Tutorial // Build a Discord-inspired Animated Navbar

Build a Multi-Select 0:01:41

Build a Multi-Select Dropdown with Tailwind CSS! 🎨🔽

Profile Dropdown Component 0:01:35

Profile Dropdown Component Using Tailwind CSS | Code Snippet

This Prettier Plugin 0:00:56

This Prettier Plugin Makes Tailwind So Much Better

Tailwind CSS mega 0:49:01

Tailwind CSS mega menu tutorial

multi level dropdown 0:17:12

multi level dropdown menu - tailwind css

How To Create 0:16:09

How To Create Advanced CSS Dropdown Menus

Select Dropdown with 0:00:11

Select Dropdown with Tailwind CSS & ReactJS #reactjs #tailwindcss #shortvideo #dropdown #selecti...

Custom Dropdown Select 0:17:59

Custom Dropdown Select Menu With Reactjs and Tailwind CSS | React js and tailwind css

Create a reusable 0:12:58

Create a reusable Select dropdown Component - Reactjs | Tailwindcss

Комментарии
Автор

Best video I've found to to add a submenu using Tailwind and Vanilla JS 👍

JJAM
Автор

this is amazing! is this popover menu when hover, the menu just display?

JJ-otps
Автор

How about on Hover? I tried changing 'click' to hover. it doesn't work.

nikyabodigital
Автор

Loving the Series Manan 🔥🙃 Keep em coming 🎉👊🔥

fabrizvi
Автор

Thanks for this video. I was really looking for this one.🔥🔥

ujjwalrustagi
Автор

Very good video sir, how would I apply the transition when the menu collapses? I've added the transition and duration in tailwind and in javascript but it doesn't seem to work. Please advise

PcHabitat
Автор

As usual in love with this series, awaiting for more new series on amazing stuff like this ❤🔥
Keep up the good job bro ! 👌👊💪

amaanath
Автор

Learned somthing new thanks. Make a dedicated video about flex it would be really helpful for making layouts from scatch.

prathameshmali
Автор

Can you, in the end show how to use it using package managers like npm to only use the required stuff

dakshkulshreshtha