clicky-menus
downshift π
clicky-menus | downshift π | |
---|---|---|
1 | 9 | |
89 | 11,926 | |
- | 0.7% | |
4.9 | 7.1 | |
7 months ago | about 1 month ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
clicky-menus
-
In Praise of the Unambiguous Click Menu
> Since click menus require JavaScript, we should consider how this menu can be progressively enhanced in case JavaScript fails for any reason. Our classic hover CSS trick is still good for something after all!
Yet the demo linked to in the article[0] doesn't work w/out js at time of writing. The article makes me want to buy in, but the lack of non-js implementation seems awkward.
I make css hover dropdown menus a la "Setup 2" in the article's diagram, ie: the drop down top level nav item is not clickable, but expands on hover and keyboard navigation.
I personally prefer one less effort. A mouse click is always a mouse hover first.
[0] https://github.com/mrwweb/clicky-menus
downshift π
-
Just curious about package trends (downshift)
I'm curious why there's been a recent downward trend for the downshift package. Here's the source npm trends
-
Are there any downsides in using svelte or sveltekit?
I recently searched for a robust, high-quality, aria conform multi-select dropdown in vanilla js. For React there is react-select or downshift, each with millions of downloads. I couldn't find a good equivalent in vanilla.
-
From my point of Vue: Headless components
The concept is not new, it's been discussed and implemented for a couple of years, I first heard of it when Adam Watham, creator of Tailwind CSS, and its team launched Headless UI libraries like downshift by Kent Dodds also used this pattern, just to mention a couple of cases.
-
react-select VS downshift π - a user suggested alternative
2 projects | 4 Oct 2021
I think `downshift` could be considered as the best react-select alternative if you are looking to have more fine-grained control over your component or are looking for a smaller bundle size.
- F*ck it: use React for your personal site if you want to
- What do you use for models and other components when using tailwindcss for styling for a react project?
-
Beginner's Thread / Easy Questions (April 2021)
Downshift looks better IMO, with hooks with less "fake" hierarchy.. https://github.com/downshift-js/downshift
-
Launch HN: MagicBell (YC W21) β embedded notification system for your product
[2] https://github.com/downshift-js/downshift
-
Building my own components
There's also Downshift, but you have to build your own UI: https://github.com/downshift-js/downshift
What are some alternatives?
strapi-plugin-navigation - A plugin for Strapi Headless CMS that provides navigation / menu builder feature with their possibility to control the audience and different output structure renderers like (flat, tree and RFR - ready for handling by Redux First Router)
react-select - The Select Component for React.js
tippyjs - Tooltip, popover, dropdown, and menu library
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Semantic UI - Semantic is a UI component framework based around useful principles from natural language.
react-autosuggest - WAI-ARIA compliant React autosuggest component
bootstrap-select - :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
react-typeahead - Pure react-based typeahead and typeahead-tokenizer
sprae - β΄ DOM tree microhydration
compose-state - Compose multiple setState or getDerivedStateFromProps updaters in React
react-typeahead-component - Typeahead, written using the React.js library.
Reactjs-popup - React Popup Component - Modals,Tooltips and Menusβββ All inΒ one