Skip to content
This repository was archived by the owner on Jul 29, 2025. It is now read-only.

Commit b8c1a66

Browse files
author
Matt Goo
authored
docs: update menu/select styles and add snackbar to main readme (#927)
1 parent 3321e8c commit b8c1a66

File tree

4 files changed

+13
-1
lines changed

4 files changed

+13
-1
lines changed

README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@ Component | Spec | MDC Web
3434
[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)
3535
[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)
3636
[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)
37+
[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)
3738
[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)
3839
[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)
3940
[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)

package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@
4040
"linear-progress",
4141
"list",
4242
"menu-surface",
43+
"menu",
4344
"notched-outline",
4445
"radio",
4546
"ripple",

packages/menu/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,15 @@ npm install @material/react-menu
1414

1515
with Sass:
1616
```js
17+
import '@material/react-list/index.scss';
18+
import '@material/react-menu-surface/index.scss';
1719
import '@material/react-menu/index.scss';
1820
```
1921

2022
with CSS:
2123
```js
24+
import '@material/react-list/dist/menu.css';
25+
import '@material/react-menu-surface/dist/menu.css';
2226
import '@material/react-menu/dist/menu.css';
2327
```
2428

packages/select/README.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,17 @@ npm install @material/react-select
1414

1515
with Sass:
1616
```js
17+
import '@material/react-list/index.scss';
18+
import '@material/react-menu-surface/index.scss';
19+
import '@material/react-menu/index.scss';
1720
import '@material/react-select/index.scss';
1821
```
1922

2023
with CSS:
2124
```js
25+
import '@material/react-list/dist/menu.css';
26+
import '@material/react-menu-surface/dist/menu.css';
27+
import '@material/react-menu/dist/menu.css';
2228
import '@material/react-select/dist/select.css';
2329
```
2430

@@ -62,7 +68,7 @@ class MyApp extends React.Component {
6268
state = {value: 'pomsky'};
6369

6470
onEnhancedChange = (index, item) => (
65-
this.setState({value: item.getAttribute('data-value')});
71+
this.setState({value: item.getAttribute('data-value')})
6672
);
6773

6874
render() {

0 commit comments

Comments
 (0)