GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → szhsin → React Menu

szhsin / React Menu

Licence: mit
React component for building accessible menu, dropdown, submenu, context menu and more.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactaccessibilitymenudropdowncheckboxradio-buttonscontextmenuwai-aria

Projects that are alternatives of or similar to React Menu

clicky-menus
Simple click-triggered navigation submenus. Accessible and progressively enhanced.
Stars: ✭ 76 (-67.93%)
Mutual labels:  accessibility, dropdown, menu
ContextMenuSwift
A better version of iOS 13 Context Menu
Stars: ✭ 162 (-31.65%)
Mutual labels:  dropdown, menu, contextmenu
Form Js
Easily create web forms. Supports Meteor, AngularJS, React, Polymer and any CSS library, e.g. Bootstrap.
Stars: ✭ 9 (-96.2%)
Mutual labels:  dropdown, checkbox, radio-buttons
React Dropdown Select
Customisable dropdown select for react
Stars: ✭ 227 (-4.22%)
Mutual labels:  menu, dropdown
Pretty Checkbox
A pure CSS library to beautify checkbox and radio buttons.
Stars: ✭ 1,708 (+620.68%)
Mutual labels:  checkbox, radio-buttons
Radio Group
845 byte WAI-ARIA 1.1 compliant radio group React component
Stars: ✭ 133 (-43.88%)
Mutual labels:  radio-buttons, wai-aria
Selectionlist
Simple single-selection or multiple-selection checklist, based on UITableView
Stars: ✭ 93 (-60.76%)
Mutual labels:  checkbox, radio-buttons
Context Menu.ios
You can easily add awesome animated context menu to your app.
Stars: ✭ 1,854 (+682.28%)
Mutual labels:  menu, contextmenu
Dopdropdownmenu Enhanced
DOPDropDownMenu 添加双列表 优化版 新增图片支持（double tableView, The optimization version ，new add image,detailText）
Stars: ✭ 1,757 (+641.35%)
Mutual labels:  menu, dropdown
Visible
🦉 Accessibility testing framework at the next level
Stars: ✭ 164 (-30.8%)
Mutual labels:  accessibility, wai-aria
Vue Menu
Menu/Contextmenu Component for vue2
Stars: ✭ 227 (-4.22%)
Mutual labels:  menu, contextmenu
Bootstrap Dropdown Hover
Bootstrap based responsive mulltilevel dropdown navigation menu with fascinating animations
Stars: ✭ 115 (-51.48%)
Mutual labels:  menu, dropdown
Custom Reactjs Dropdown Components
Custom dropdown components for ReactJS
Stars: ✭ 110 (-53.59%)
Mutual labels:  menu, dropdown
React Command Palette
An accessible browser compatible javascript command palette
Stars: ✭ 140 (-40.93%)
Mutual labels:  accessibility, menu
Downshift
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
Stars: ✭ 10,183 (+4196.62%)
Mutual labels:  dropdown, wai-aria
V Tooltip
💬 Easy tooltips, popovers, dropdown for Vue
Stars: ✭ 2,109 (+789.87%)
Mutual labels:  dropdown, menu
Flutter smart select
SmartSelect allows you to easily convert your usual form select or dropdown into dynamic page, popup dialog, or sliding bottom sheet with various choices input such as radio, checkbox, switch, chips, or even custom input. Supports single and multiple choice.
Stars: ✭ 179 (-24.47%)
Mutual labels:  dropdown, checkbox
Ifmmenu
仿微信添加菜单
Stars: ✭ 235 (-0.84%)
Mutual labels:  menu, dropdown
Azdropdownmenu
A simple dropdown menu component for iPhone
Stars: ✭ 198 (-16.46%)
Mutual labels:  menu, dropdown
Core Components
Accessible and lightweight Javascript components
Stars: ✭ 85 (-64.14%)
Mutual labels:  accessibility, dropdown
View All Similar Projects ➔

React-Menu

An accessible, responsive, and customisable React menu library.

Live examples and documentation

NPM TypeScript Known Vulnerabilities

Features

  • React menu components for easy and fast web development.
  • Unlimited levels of submenu.
  • Supports radio and checkbox menu items.
  • Supports context menu.
  • Flexible menu positioning.
  • Customisable styling.
  • Comprehensive keyboard interactions.
  • Adheres to WAI-ARIA Authoring Practices.

Installation

# with npm
npm install @szhsin/react-menu

# with Yarn
yarn add @szhsin/react-menu

No peer dependency is required except React 16.8+.

Usage

import React from 'react';
import {
    Menu,
    MenuItem,
    MenuButton,
    SubMenu
} from '@szhsin/react-menu';
import '@szhsin/react-menu/dist/index.css';

export default function Example() {
    return (
        <Menu menuButton={<MenuButton>Open menu</MenuButton>}>
            <MenuItem>New File</MenuItem>
            <SubMenu label="Open">
                <MenuItem>index.html</MenuItem>
                <MenuItem>example.js</MenuItem>
                <MenuItem>about.css</MenuItem>
            </SubMenu>
            <MenuItem>Save</MenuItem>
        </Menu>
    );
}

More examples and documentation

License

MIT Licensed. Copyright (c) 2021 Zheng Song.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].