Socket
Socket
Sign inDemoInstall

@reach/menu-button

Package Overview
Dependencies
Maintainers
4
Versions
75
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@reach/menu-button - npm Package Compare versions

Comparing version 0.17.0 to 0.18.0-pre.0

CHANGELOG.md

38

package.json
{
"name": "@reach/menu-button",
"version": "0.17.0",
"version": "0.18.0-pre.0",
"description": "Accessible React button dropdown menu.",

@@ -16,13 +16,14 @@ "author": "React Training <hello@reacttraining.com>",

"dependencies": {
"@reach/dropdown": "0.17.0",
"@reach/popover": "0.17.0",
"@reach/utils": "0.17.0",
"prop-types": "^15.7.2",
"tiny-warning": "^1.0.3",
"tslib": "^2.3.0"
"@reach/dropdown": "0.18.0-pre.0",
"@reach/popover": "0.18.0-pre.0",
"@reach/utils": "0.18.0-pre.0"
},
"devDependencies": {
"@reach-internal/dev": "0.0.0",
"@reach-internal/test": "0.0.0",
"@reach-internal/tsconfig": "0.0.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-is": "^17.0.2"
"react-is": "^17.0.2",
"tsup": "^6.1.3"
},

@@ -34,6 +35,7 @@ "peerDependencies": {

},
"main": "dist/reach-menu-button.cjs.js",
"module": "dist/reach-menu-button.esm.js",
"types": "dist/reach-menu-button.cjs.d.ts",
"main": "./dist/index.cjs.js",
"types": "./dist/index.d.ts",
"files": [
"CHANGELOG.md",
"LICENSE",
"README.md",

@@ -43,7 +45,9 @@ "dist",

],
"eslintIgnore": [
"node_modules",
"dist"
],
"gitHead": "d206aefac2bede58c06a54b18d48eee7537096e0"
}
"publishConfig": {
"access": "public"
},
"module": "./dist/index.mjs",
"scripts": {
"build": "tsup"
}
}

@@ -11,7 +11,7 @@ # @reach/menu-button

import {
Menu,
MenuList,
MenuButton,
MenuItem,
MenuLink,
Menu,
MenuList,
MenuButton,
MenuItem,
MenuLink,
} from "@reach/menu-button";

@@ -21,21 +21,21 @@ import "@reach/menu-button/styles.css";

function Example() {
return (
<Menu>
<MenuButton>
Actions <span aria-hidden>▾</span>
</MenuButton>
<MenuList>
<MenuItem onSelect={() => alert("Download")}>Download</MenuItem>
<MenuItem onSelect={() => alert("Copy")}>Create a Copy</MenuItem>
<MenuItem onSelect={() => alert("Mark as Draft")}>
Mark as Draft
</MenuItem>
<MenuItem onSelect={() => alert("Delete")}>Delete</MenuItem>
<MenuLink as="a" href="https://reacttraining.com/workshops/">
Attend a Workshop
</MenuLink>
</MenuList>
</Menu>
);
return (
<Menu>
<MenuButton>
Actions <span aria-hidden>▾</span>
</MenuButton>
<MenuList>
<MenuItem onSelect={() => alert("Download")}>Download</MenuItem>
<MenuItem onSelect={() => alert("Copy")}>Create a Copy</MenuItem>
<MenuItem onSelect={() => alert("Mark as Draft")}>
Mark as Draft
</MenuItem>
<MenuItem onSelect={() => alert("Delete")}>Delete</MenuItem>
<MenuLink as="a" href="https://reacttraining.com/workshops/">
Attend a Workshop
</MenuLink>
</MenuList>
</Menu>
);
}
```

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc