Minimal implementation of responsive sidebars.This project is somewhat of a research experiment into the most convenient way of implementing responsive sidebars.
Priorities
Live Demo: https://davidde.github.io/sidebars/
[View on GitHub](https://github.com/davidde/sidebars "View on GitHub")
Primitive to build things like tooltips dropdown menu’s and pop-overs.Basically any kind of layer that can be toggled. Focus on what your layer should look like, and let react-laag take care of where and when to show it.
Features
Live Demo: https://www.react-laag.com/
Simple Context menu component for react showing all inherited parents menu with SSR compatibility.
Why another context menu ?
Because none of the existing ones have met my requirements :
Hints-based aligning with custom renderers and factories.
Never clipped by other components or screen edges.
Video
Inspired by Downshift, a simple, data-driven, light-weight React Tree Menu component that:
Live Demo: https://iannbing.github.io/react-simple-tree-menu/?path=/story/treemenu--default-usage
View on GitHub
A React component that will help you build accessible menu button
A React component (set of components, really) that will help you build accessible menu buttons by providing keyboard interactions and ARIA attributes aligned with the WAI-ARIA Menu Button Design Pattern.
Live Demo: https://davidtheclark.github.io/react-aria-menubutton/demo/
This component provides the sliding menu only, not the hamburger button. For your button I’d suggest react-hamburger-menu.
Demo
https://codesandbox.io/s/qxL744Qx2
This project is a set of components for building menus with. This project works well for dropdown and autocomplete menus. The menus are correctly keyboard-accessible, and it includes polish like established desktop application menus have such as well-behaved submenus which stay open even if the user briefly moves the mouse over other menu items while moving toward the submenu’s dropdown.
This project differs from other similar projects because it allows arbitrary elements to be in the menu, including allowing menu items to be nested into other elements, and allows custom menu items that take control of the cursor.
This project doesn’t include much CSS styling for the menus. You need to bring your own CSS. This makes this project great for someone trying to match their application’s existing style. It’s recommended that your application create wrapper components around this project’s components that add your application’s CSS.
Horizontal scrolling menu component for React
This is horizontal scrolling menu component for React. Menu component has adaptive width, just set width for parent container. Items width will be determinated from css styles. Note: don’t set margin for item wrapper, use padding instead. Can use margin for item element those you pass as props.
For navigation you can use arrows, mouse wheel or just drag items.
Component return items position, selected item and click event from callbacks.
Possible set default position and selected item on initialization.
Add star if you like project :)
A simple dropdown menu for React, with Bootstrap icon trigger.A simple Dropdown Menu for React. Commonly used as a ‘User Settings’ menu on websites where users login.
A react component that displays an unlimited deep menu
**Live Demo: ** http://socialtables.github.io/react-infinity-menu/
Add a context menu to your react app with ease. A declarative context menu for React !
Navigation drawer built with the awesome react-motion by @chenglou and react-hammerjs by @JedWatson
react multi level push menu
A ready-to-use menu component for React .A ready / simple to use, highly customizable, updateable, ajax supported, animated and material designed menu component for React
Live Demo https://alpertuna.github.io/react-metismenu/
Off-canvas menus for React
Live Demo http://vutran.github.io/react-offcanvas/
React Sidebar is a sidebar component for React 0.14+. It offers the following features:
An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.
Using Redux? Check out redux-burger-menu for easy integration of react-burger-menu into your project.
Live Demo http://negomi.github.io/react-burger-menu/
A component for react-native ( iOS ). Easy to use. A component for react-native.It is very easy to use.
#reactjs #javascript