diff --git a/README.md b/README.md index cf7380728..6fb668e42 100644 --- a/README.md +++ b/README.md @@ -34,6 +34,7 @@ Component | Spec | MDC Web [Radio](./packages/radio) | [Radio Design Page](https://material.io/design/components/selection-controls.html#radio-buttons) | [MDC Radio](https://github.com/material-components/material-components-web/tree/master/packages/mdc-radio) [Ripple](./packages/ripple) | [Ripple Design Page](https://material.io/design/interaction/states.html) | [MDC Ripple](https://github.com/material-components/material-components-web/tree/master/packages/mdc-ripple) [Select](./packages/select) | [Select Design Page](https://material.io/design/components/menus.html#) | [MDC Select](https://github.com/material-components/material-components-web/tree/master/packages/mdc-select) +[Snackbar](./packages/snackbar) | [Snackbar Design Page](https://material.io/design/components/snackbars.html) | [MDC Snackbar](https://github.com/material-components/material-components-web/tree/master/packages/mdc-snackbar) [Switch](./packages/switch) | [Switch Design Page](https://material.io/design/components/selection-controls.html#switches) | [MDC Switch](https://github.com/material-components/material-components-web/tree/master/packages/mdc-switch) [Tab](./packages/tab) | [Tabs Design Page](https://material.io/design/components/tabs.html) | [MDC Tab](https://github.com/material-components/material-components-web/tree/master/packages/mdc-tab) [Tab Bar](./packages/tab-bar) | [Tabs Design Page](https://material.io/design/components/tabs.html) | [MDC Tab Bar](https://github.com/material-components/material-components-web/tree/master/packages/mdc-tab-bar) diff --git a/package.json b/package.json index 4273ef288..a63d870d6 100644 --- a/package.json +++ b/package.json @@ -40,6 +40,7 @@ "linear-progress", "list", "menu-surface", + "menu", "notched-outline", "radio", "ripple", diff --git a/packages/menu/README.md b/packages/menu/README.md index 4014ecce8..3381e8ab6 100644 --- a/packages/menu/README.md +++ b/packages/menu/README.md @@ -14,11 +14,15 @@ npm install @material/react-menu with Sass: ```js +import '@material/react-list/index.scss'; +import '@material/react-menu-surface/index.scss'; import '@material/react-menu/index.scss'; ``` with CSS: ```js +import '@material/react-list/dist/menu.css'; +import '@material/react-menu-surface/dist/menu.css'; import '@material/react-menu/dist/menu.css'; ``` diff --git a/packages/select/README.md b/packages/select/README.md index 9f03743ba..4f94d3246 100644 --- a/packages/select/README.md +++ b/packages/select/README.md @@ -14,11 +14,17 @@ npm install @material/react-select with Sass: ```js +import '@material/react-list/index.scss'; +import '@material/react-menu-surface/index.scss'; +import '@material/react-menu/index.scss'; import '@material/react-select/index.scss'; ``` with CSS: ```js +import '@material/react-list/dist/menu.css'; +import '@material/react-menu-surface/dist/menu.css'; +import '@material/react-menu/dist/menu.css'; import '@material/react-select/dist/select.css'; ``` @@ -62,7 +68,7 @@ class MyApp extends React.Component { state = {value: 'pomsky'}; onEnhancedChange = (index, item) => ( - this.setState({value: item.getAttribute('data-value')}); + this.setState({value: item.getAttribute('data-value')}) ); render() {