Google Material Components for the Web
Google先生が作ったマテリアルデザインなUIライブラリ。
導入
https://material.io/develop/web/docs/getting-started/
yarn add material-components-web
yarn add -D webpack@3 webpack-dev-server@2 css-loader sass-loader node-sass extract-loader file-loader
yarn add -D autoprefixer postcss-loader
yarn add -D @material/button
yarn add -D babel-core@6 babel-loader@7 babel-preset-es2015 babel-plugin-transform-object-assign
yarn add -D @material/ripple
Reactで使う
material-components-web-react
を使う。
https://github.com/material-components/material-components-web-react
yarn global add create-react-app
create-react-app [app-name]
cd [app-name]
# TypeScript推奨
yarn add @types/react @types/react-dom @types/classnames @types/node typescript
# install component
yarn add @material/react-button
# CSSをカスタマイズした場合はいれる
yarn add node-sass