Tech Harsh
Tech Harsh
  • 164
  • 188 762
Build a Custom Select Dropdown with React & Tailwind CSS | Step-by-Step Tutorial
In this tutorial, we'll walk through how to create a custom select dropdown from scratch using React and Tailwind CSS. You’ll learn how to set up your project, design the dropdown with Tailwind's utility classes, and add interactive features like toggling visibility, selecting options, and closing the dropdown when clicking outside.
What you'll learn in this video:
Setting up a React project with Tailwind CSS
Creating a reusable select dropdown component
Styling the dropdown with Tailwind
Adding interactive features and state management
Performance benefits of custom components over third-party libraries
By the end of this video, you’ll have a fully functional dropdown ready to be used in any React app!
👉 Don't forget to like, comment, and subscribe for more tutorials!
#React #TailwindCSS #Dropdown #WebDevelopment #Frontend #CodingTutorial #ReactJS #WebDesign #Tailwind
มุมมอง: 169

วีดีโอ

How to open VSCode from Finder | VSCode Tutorial | MacOS Apple M1 Chip | 2024
มุมมอง 348 หลายเดือนก่อน
How to open VSCode from Finder | VSCode Tutorial | MacOS Apple M1 Chip | 2024 #vscode #macbook #applem1 #coding #tipsandtricks #tips #youtube
How To Hide File Paths In VS Code Terminal To See Clean Output | 2024 | VS Code
มุมมอง 1.9K8 หลายเดือนก่อน
Are you tired of seeing long file paths clutter up your VS Code terminal output? In this video, we'll show you how to hide them with a simple tweak, giving you a clean and organized view. Say goodbye to scrolling through endless file paths and hello to a more efficient coding experience! Plus, learn other VS Code tips and tricks to enhance your coding workflow. Watch now and take your coding to...
How to download Audacity on MacBook | No talking | 2024
มุมมอง 1059 หลายเดือนก่อน
Learn how to download Audacity on your MacBook in just a few easy steps! Audacity is a versatile audio editing software perfect for beginners and professionals alike. Follow along with this short tutorial to get started on your audio editing journey today! Don't forget to like, subscribe, and leave any questions in the comments below. Let's dive in! 🎧💻 #audacity #MacBook #AudioEditing
How to download Sublime Text on MacBook | No talking | 2024
มุมมอง 3079 หลายเดือนก่อน
In this tutorial, learn how to download and install Sublime Text, the powerful text editor, on your MacBook. Whether you're a coding enthusiast, a developer, or a writer looking for a versatile text editor, Sublime Text offers a range of features to enhance your productivity and workflow. Follow along as we walk you through the process, from navigating to the Sublime Text website to installing ...
Rock Paper Scissor using Python | No Talking
มุมมอง 159 หลายเดือนก่อน
🔥 Unleash the coding power! In this exhilarating tutorial, join me as we dive into the world of Python programming to create a dynamic Rock Paper Scissors game from scratch. 🚀 No need for explanations - just pure coding action! 🖥️ Get ready to witness the magic of Python as we craft a sleek and efficient Rock Paper Scissors game without any unnecessary chatter. Follow along with the code, step ...
Number Guessing Game using Python | No Talking
มุมมอง 149 หลายเดือนก่อน
Welcome to another exciting Python programming tutorial! In this video, we'll dive into the world of game development by creating a simple yet fun Number Guessing Game using Python. Whether you're a beginner learning Python or looking to enhance your coding skills, this tutorial is perfect for you. 🚀 What You'll Learn: 🔹 Setting up the Python development environment. 🔹 Generating random numbers...
How to Install and Run Multiple Python Versions on macOS using pyenv | 2024
มุมมอง 12410 หลายเดือนก่อน
Welcome, Python enthusiasts! 🌟 In today's video, we're delving into the powerful world of Python version management using pyenv. Whether you're a seasoned developer or just getting started, understanding how to control and switch between Python versions is a game-changer. Join me as we explore an easy installation guide, project-specific configurations, and more with pyenv. 🔍 What You'll Learn:...
Unlocking LeetCode Premium: Free Access to Frequency and Companies' Questions!
มุมมอง 9K11 หลายเดือนก่อน
🚀 Welcome to Tech Harsh]! 🚀 In this game-changing tutorial, we'll unlock the secrets of LeetCode Premium, providing you with FREE access to question frequencies and insights into the companies that love to test these challenges in interviews. Get ready to revolutionize your coding preparation! 🔗 GitHub Repository Link: github.com/31b4/Leetcode-Premium-Bypass 📌 Key Steps: Navigate to the GitHub ...
Thonny Python IDE/Debugger Installation Tutorial | Easy Steps for Beginners | 2024
มุมมอง 6711 หลายเดือนก่อน
Thonny Python IDE/Debugger Installation Tutorial | Easy Steps for Beginners | 2024
How To Download Postman On MacBook Air M1 2023
มุมมอง 34ปีที่แล้ว
How To Download Postman On MacBook Air M1 2023
Quick and Easy React Vite Project Setup in Under 2 Minutes!
มุมมอง 11ปีที่แล้ว
Quick and Easy React Vite Project Setup in Under 2 Minutes!
How To Install MongoDB on MacBook M1 | Easy Step-by-Step Guide | 2023
มุมมอง 1Kปีที่แล้ว
How To Install MongoDB on MacBook M1 | Easy Step-by-Step Guide | 2023
Sales Prediction Using Machine Learning | Machine Learning Project | Python
มุมมอง 135ปีที่แล้ว
Sales Prediction Using Machine Learning | Machine Learning Project | Python
Car Price Prediction Using Machine Learning | Machine Learning Project | Python | 2023
มุมมอง 1.3Kปีที่แล้ว
Car Price Prediction Using Machine Learning | Machine Learning Project | Python | 2023
How To Download Node.js On MacBook Air M1 | 2023
มุมมอง 45ปีที่แล้ว
How To Download Node.js On MacBook Air M1 | 2023
How To Fix 🛑Git Error: the remote end hung up unexpectedly | 2023
มุมมอง 1.9Kปีที่แล้ว
How To Fix 🛑Git Error: the remote end hung up unexpectedly | 2023
🛑Git Error: How to Fix Failed to Push Some Refs 'Repo Link' | Step-By-Step Guide | 2023
มุมมอง 200ปีที่แล้ว
🛑Git Error: How to Fix Failed to Push Some Refs 'Repo Link' | Step-By-Step Guide | 2023
How To Hide File Paths In VS Code Terminal To See Clean Output | 2024 | VS Code
มุมมอง 29Kปีที่แล้ว
How To Hide File Paths In VS Code Terminal To See Clean Output | 2024 | VS Code
How To Join Fynd Academy || 2023
มุมมอง 122ปีที่แล้ว
How To Join Fynd Academy || 2023
Infosys Springboard Lex Assignment Answers | Array | Programming Using Java
มุมมอง 11Kปีที่แล้ว
Infosys Springboard Lex Assignment Answers | Array | Programming Using Java
Infosys Springboard Lex Assignment Answers | String | Programming Using Java
มุมมอง 3.6Kปีที่แล้ว
Infosys Springboard Lex Assignment Answers | String | Programming Using Java
Infosys Springboard Lex Assignments Answers | OOP, Methods and Constructors | Programming Using Java
มุมมอง 4.7Kปีที่แล้ว
Infosys Springboard Lex Assignments Answers | OOP, Methods and Constructors | Programming Using Java
Infosys Springboard Lex Assignments Answers | Control Structure - Part 2 | Programming Using Java
มุมมอง 2.9Kปีที่แล้ว
Infosys Springboard Lex Assignments Answers | Control Structure - Part 2 | Programming Using Java
Infosys Springboard Lex Assignments Answers | Control Structure - Part 1| Programming Using Java
มุมมอง 4.3Kปีที่แล้ว
Infosys Springboard Lex Assignments Answers | Control Structure - Part 1| Programming Using Java
How To Install DaVinci Resolve On MacBook 2023 | Step By Step Guide
มุมมอง 219ปีที่แล้ว
How To Install DaVinci Resolve On MacBook 2023 | Step By Step Guide
Image To Pencil Sketch With Python Project | Data Science Project | Machine Learning Project | 2023
มุมมอง 211ปีที่แล้ว
Image To Pencil Sketch With Python Project | Data Science Project | Machine Learning Project | 2023
Iris Flower Classification - Part 4 | Data Science | Machine Learning | Python | 2023
มุมมอง 15ปีที่แล้ว
Iris Flower Classification - Part 4 | Data Science | Machine Learning | Python | 2023
Iris Flower Classification - Part 3 | Data Science | Machine Learning | Python | 2023
มุมมอง 41ปีที่แล้ว
Iris Flower Classification - Part 3 | Data Science | Machine Learning | Python | 2023
Iris Flower Classification - Part 2 | Data Science | Machine Learning | Python | 2023
มุมมอง 31ปีที่แล้ว
Iris Flower Classification - Part 2 | Data Science | Machine Learning | Python | 2023

ความคิดเห็น

  • @Knook69
    @Knook69 24 วันที่ผ่านมา

    Great, very simple thanks a lot!!!!👍👍

    • @Sxrainn
      @Sxrainn 16 วันที่ผ่านมา

      It keeps saying python was not found for me whenever I Do this I don't know what I'm doing wrong

  • @kavyashr972
    @kavyashr972 25 วันที่ผ่านมา

    We could have copied and pasted if u have in description or pinned comment

  • @arhamkhalid8995
    @arhamkhalid8995 28 วันที่ผ่านมา

    the extension is permanently disabled

  • @jayasuriyaa.d.7018
    @jayasuriyaa.d.7018 29 วันที่ผ่านมา

    the file is not therer

  • @Endoftime348
    @Endoftime348 หลายเดือนก่อน

    You. Thanks bro you did so easy, because I wast alot of time on it but when I follow your steps I did so easy... Thanks alot❤

  • @JustNars
    @JustNars หลายเดือนก่อน

    Pls I beg give me the theme your using.

  • @williamphilip6893
    @williamphilip6893 หลายเดือนก่อน

    thankyou bro, successfully

  • @pagalavathii
    @pagalavathii หลายเดือนก่อน

    i want leetcode company wise question please help me with that

  • @fahedjkr8301
    @fahedjkr8301 2 หลายเดือนก่อน

    ❤❤❤

  • @shubhamtiwari7567
    @shubhamtiwari7567 2 หลายเดือนก่อน

    bro answer for assignment 7 please upload it again all test cases not work

  • @Bishnoithegreat
    @Bishnoithegreat 2 หลายเดือนก่อน

    Awesome😂

  • @basil-_-iraqi1603
    @basil-_-iraqi1603 2 หลายเดือนก่อน

    it doesnt take input from user ah man it was good until this happened

  • @denis_na_yuge
    @denis_na_yuge 2 หลายเดือนก่อน

    Dope! Thanks

  • @lioncolor
    @lioncolor 2 หลายเดือนก่อน

    thx

  • @omaromar89086
    @omaromar89086 3 หลายเดือนก่อน

    Thank you

  • @AmritaSinha-vy8sn
    @AmritaSinha-vy8sn 3 หลายเดือนก่อน

    Thanks a lot

  • @ThackerayAudrey-j5g
    @ThackerayAudrey-j5g 3 หลายเดือนก่อน

    Thomas Michael Jones Steven Anderson David

  • @dharanikandula4604
    @dharanikandula4604 3 หลายเดือนก่อน

    While verifying the code "some error occurred" text message appears...what to do??

  • @KishoreKumar-nk8vt
    @KishoreKumar-nk8vt 3 หลายเดือนก่อน

    where is integrated assignment?????

  • @IlluminateQuran
    @IlluminateQuran 3 หลายเดือนก่อน

    very cool! but, i want run in Terminal ...

  • @longjunior7638
    @longjunior7638 3 หลายเดือนก่อน

    “TERM environment variable not set.” 😢

  • @sai8898
    @sai8898 3 หลายเดือนก่อน

    Bro turn on the captions

  • @gouthamsai8365
    @gouthamsai8365 4 หลายเดือนก่อน

    Array assignment 7 is not working

  • @gowthamSai-d1r
    @gowthamSai-d1r 4 หลายเดือนก่อน

    did you find answer for assignment 7

  • @EmilyDuan-s3v
    @EmilyDuan-s3v 4 หลายเดือนก่อน

    it still doesn't work and just automatically shows the output in terminal

  • @lavinashubham
    @lavinashubham 4 หลายเดือนก่อน

    Best thumbnail

  • @MANISHKUMAR-ux9xh
    @MANISHKUMAR-ux9xh 4 หลายเดือนก่อน

    Sir placement karwate hai fynd academy me

  • @ShantanuSingh-wc4ou
    @ShantanuSingh-wc4ou 5 หลายเดือนก่อน

    In output terminal, you cannot give input.

  • @privacy312
    @privacy312 5 หลายเดือนก่อน

    Python was not found; run without arguments to install from the Microsoft Store, or disable this shortcut from Settings > Manage App Execution Aliases.

  • @Awsssss-w9q
    @Awsssss-w9q 5 หลายเดือนก่อน

    Thank you

  • @salo8358
    @salo8358 5 หลายเดือนก่อน

    you're such a clickbaiter bro. You're not even giving the output in terminal anymore

  • @vanciity
    @vanciity 5 หลายเดือนก่อน

    youre a legend mateee

  • @troph-k9q
    @troph-k9q 5 หลายเดือนก่อน

    fuck man i can't edit in the input fail way 😤😤

  • @somkeiloanya5597
    @somkeiloanya5597 6 หลายเดือนก่อน

    this worked but it keeps repeating the first out put even after I checked (clear previous output) please what do i need to do next

    • @ahmaddado6205
      @ahmaddado6205 หลายเดือนก่อน

      did u found in solution

  • @somkeiloanya5597
    @somkeiloanya5597 6 หลายเดือนก่อน

    wow wow wow wow wow thank you!!!!!

  • @HiteshPatil-sb4dl
    @HiteshPatil-sb4dl 6 หลายเดือนก่อน

    do you have a source code? so you can give us via drive link please

  • @jod4422
    @jod4422 6 หลายเดือนก่อน

    Not able to give user input in the output box

    • @sid01a
      @sid01a 4 หลายเดือนก่อน

      did you find any solution?

    • @jod4422
      @jod4422 4 หลายเดือนก่อน

      @@sid01a nope it sucks man there is not any solution for this I was forced to use other software

    • @i.khushii
      @i.khushii 4 หลายเดือนก่อน

      Yess doing this causes problem , i m facing a different issue , when i run different files , it shows output in sequence instead of separate outputs

  • @tweenTowuuRRS
    @tweenTowuuRRS 6 หลายเดือนก่อน

    Thank you so much for this, I watched a different video for the same extension but told me to go to the "Code Runner Executor Map" Edit in settings .json <--- this one And modify python to "clear && python -u" and it just gave me an error, some people complained about it and I came to the right video.

  • @_KasraMoradi
    @_KasraMoradi 6 หลายเดือนก่อน

    THAT'S 100000% TRUE

  • @disolv3
    @disolv3 6 หลายเดือนก่อน

    Man, gracias por esto, he estado buscándolo alrededor de 6 horas, te ganaste mi sub, besos y abrazos

  • @omararab4824
    @omararab4824 7 หลายเดือนก่อน

    Thank you❤

  • @MukeshChaudhary-c3u
    @MukeshChaudhary-c3u 7 หลายเดือนก่อน

    Dude where have you been . I,ve been lokking for this since ages

  • @playtopiagaming
    @playtopiagaming 7 หลายเดือนก่อน

    Terminal ma dikhao clean ha ya nahi tum to output ka dikha rahe ho

  • @craveen-more
    @craveen-more 7 หลายเดือนก่อน

    Thanks man. It works beautifully.

  • @aamiransari5114
    @aamiransari5114 7 หลายเดือนก่อน

    Hello tectharsh I am learning tkinter module it doesn't work because code runner doesn't support tkinter so when I runned the code in the terminal the code runned what I do because whenever I run code in terminal it will show the file location I want to hide that what I can do?

  • @Ice_2192
    @Ice_2192 8 หลายเดือนก่อน

    Great! Now how do you do it so it takes in user input?

    • @suryanshdwivedi9043
      @suryanshdwivedi9043 7 หลายเดือนก่อน

      did you find the solution for this.?

    • @Ice_2192
      @Ice_2192 7 หลายเดือนก่อน

      @@suryanshdwivedi9043 No I did not unfortunately.

  • @Rishi_Srivastava_2310
    @Rishi_Srivastava_2310 8 หลายเดือนก่อน

    But now you cannot use it in interactive mode. I am struck between these, in OUTPUT you cannot answer INPUT statements, and in TERMINAL you have to see garbage.

  • @syafadena
    @syafadena 8 หลายเดือนก่อน

    Thank you!

  • @akashjadhav1208
    @akashjadhav1208 8 หลายเดือนก่อน

    Thank you so much bro finally ❤❤

  • @maksimskuhto6397
    @maksimskuhto6397 8 หลายเดือนก่อน

    Thank you very much!