Socket
Socket
Sign inDemoInstall

@zendeskgarden/react-menus

Package Overview
Dependencies
46
Maintainers
1
Versions
100
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.0.2 to 2.1.0-beta.88e1c2ba

dist/index.js

8

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log

<a name="2.1.0-beta.88e1c2ba"></a>
# [2.1.0-beta.88e1c2ba](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-menus@2.0.2...@zendeskgarden/react-menus@2.1.0-beta.88e1c2ba) (2018-05-22)
**Note:** Version bump only for package @zendeskgarden/react-menus
<a name="2.0.2"></a>

@@ -8,0 +16,0 @@ ## [2.0.2](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-menus@2.0.1...@zendeskgarden/react-menus@2.0.2) (2018-05-15)

38

package.json

@@ -11,4 +11,7 @@ {

},
"version": "2.0.2",
"main": "./index.js",
"version": "2.1.0-beta.88e1c2ba",
"main": "./dist/index.js",
"files": [
"dist"
],
"scripts": {

@@ -20,22 +23,23 @@ "build": "../../utils/scripts/build.sh",

"dependencies": {
"@zendeskgarden/css-arrows": "^3.1.0",
"@zendeskgarden/css-menus": "^7.0.0",
"@zendeskgarden/css-variables": "^4.1.3",
"@zendeskgarden/react-modals": "^3.0.1",
"@zendeskgarden/react-selection": "^3.0.1",
"@zendeskgarden/react-theming": "^1.0.0",
"@zendeskgarden/react-tooltips": "^3.1.1",
"@zendeskgarden/react-modals": "^3.1.0-beta.88e1c2ba",
"@zendeskgarden/react-selection": "^3.1.0-beta.88e1c2ba",
"@zendeskgarden/react-tooltips": "^3.2.0-beta.88e1c2ba",
"classnames": "^2.2.5",
"prop-types": "^15.6.1",
"react-popper": "^0.9.5",
"react-portal": "^4.1.4",
"styled-components": "^3.2.6"
"react-portal": "^4.1.4"
},
"peerDependencies": {
"@zendeskgarden/react-theming": "^1.0.0",
"prop-types": "^15.6.1",
"react": "^0.14.0 || ^15.0.0 || ^16.0.0",
"react-dom": "^0.14.0 || ^15.0.0 || ^16.0.0"
"react-dom": "^0.14.0 || ^15.0.0 || ^16.0.0",
"styled-components": "^3.2.6"
},
"devDependencies": {
"@zendeskgarden/react-buttons": "^2.0.1",
"@zendeskgarden/react-textfields": "^2.0.1",
"@zendeskgarden/css-arrows": "^3.1.0",
"@zendeskgarden/css-menus": "^7.0.0",
"@zendeskgarden/css-variables": "^4.1.3",
"@zendeskgarden/react-buttons": "^2.1.0-beta.88e1c2ba",
"@zendeskgarden/react-textfields": "^2.1.0-beta.88e1c2ba",
"@zendeskgarden/react-theming": "^1.1.0-beta.88e1c2ba",
"@zendeskgarden/svg-icons": "^4.0.1"

@@ -51,3 +55,5 @@ },

"access": "public"
}
},
"zendeskgarden:library": "GardenMenus",
"zendeskgarden:src": "src/index.js"
}

@@ -12,2 +12,5 @@ # @zendeskgarden/react-menus [![npm version](https://img.shields.io/npm/v/@zendeskgarden/react-menus.svg?style=flat-square)](https://www.npmjs.com/package/@zendeskgarden/react-menus) [![Dependency Status](https://img.shields.io/david/zendeskgarden/react-components.svg?path=packages/menus&style=flat-square)](https://david-dm.org/zendeskgarden/react-components?path=packages/menus) <!-- markdownlint-disable -->

npm install @zendeskgarden/react-menus
# Peer Dependencies - Also Required
npm install react react-dom prop-types styled-components @zendeskgarden/react-theming
```

@@ -18,13 +21,23 @@

```jsx static
import Menu from '@zendeskgarden/react-menus/Menu';
import Item from '@zendeskgarden/react-menus/Item';
/**
* Include menu styling at the root of your application
*/
import '@zendeskgarden/react-menus/dist/styles.css';
<Menu
onChange={selectedKey => console.log(`Item selected: "${selectedKey}"`)}
trigger={({ ref }) => <button ref={ref}>Simple Example</button>}
>
<Item key="item-1">Item 1</Item>
<Item key="item-2">Item 2</Item>
<Item key="item-3">Item 3</Item>
</Menu>;
import { ThemeProvider } from '@zendeskgarden/react-theming';
import { Menu, Item } from '@zendeskgarden/react-menus';
/**
* Place a `ThemeProvider` at the root of your React application
*/
<ThemeProvider>
<Menu
onChange={selectedKey => console.log(`Item selected: "${selectedKey}"`)}
trigger={({ ref }) => <button ref={ref}>Simple Example</button>}
>
<Item key="item-1">Item 1</Item>
<Item key="item-2">Item 2</Item>
<Item key="item-3">Item 3</Item>
</Menu>
</ThemeProvider>;
```
SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc