Skip to content

facinick/MultiLevelDropUpReact

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dropdown/ Dropup Menu

Animated multi-level dropdown menu inspired by Facebook's March 2020 web UI.

Watch the full React dropdown tutorial on YouTube by Jeff Delaney. made by the great Jeff Delaney (https://github.com/codediodeio), modified by me.

git clone <this-repo>

npm i
npm start

I realised after searching a lot, such multilevel advanced animated menu tutorials don't exist. Maybe there are some yeah, but after trying to find a really good one for a long time, I finally landed upon this video that did exactly (actually very closed to) what I wanted, and what I wanted was to re-create youtube player's settings dropup. ( you can see it in any video, there is a cog logo right below, where all settings such as captions customization and playback rate are, just open it and play with it, its satisfying. ), and I just couldn't figure how that was done. This video/code was very close to the one I needed, just that it was limited to 2 levels ( primary and secondary ), so I extended it to 4 levels and found a general way to do so. I am a begineer js developer who loves modern web technologies, so I tried this. thanks to Jeff, I feel much better now.

About

A react based multi level drop up menu with css animations.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy