{"_id":"@airwallex/material-ui","_rev":"12-d1da3d56bfb6c1671b1aff631f96759b","name":"@airwallex/material-ui","time":{"modified":"2023-05-08T08:16:00.839Z","created":"2017-02-06T23:49:03.925Z","0.16.7":"2017-02-06T23:49:03.925Z","0.16.8-1":"2017-02-07T01:10:59.770Z","0.16.8-2":"2017-02-07T01:54:38.069Z","0.16.8-3":"2017-02-07T02:03:01.161Z","0.16.8-4":"2017-02-28T01:51:11.609Z","0.20.1-1":"2018-01-08T01:08:58.906Z"},"maintainers":[{"email":"wallextest@gmail.com","name":"airwallex"}],"dist-tags":{"latest":"0.20.1-1","prop-propagation":"0.16.8-4"},"description":"React Components that Implement Google's Material Design.","readme":"#### Note\n\nFor *how-to* questions and other non-issues,\nplease use [StackOverflow](http://stackoverflow.com/questions/tagged/material-ui)\ninstead of Github issues. There is a StackOverflow tag called \"material-ui\"\nthat you can use to tag your questions.\n\n# [Material-UI](http://www.material-ui.com/)\n\n[](https://www.npmjs.org/package/material-ui)\n[](https://travis-ci.org/callemall/material-ui)\n[](https://gitter.im/callemall/material-ui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n[](https://coveralls.io/github/callemall/material-ui?branch=master)\n\n[](https://david-dm.org/callemall/material-ui#info=peerDependencies&view=list)\n[](https://david-dm.org/callemall/material-ui)\n[](https://david-dm.org/callemall/material-ui#info=devDependencies&view=list)\n\nMaterial-UI is a set of [React](http://facebook.github.io/react/) components that implement\n[Google's Material Design](https://www.google.com/design/spec/material-design/introduction.html)\nspecification.\n\nCheck out our [documentation site](http://www.material-ui.com/) for live examples.\nIt's still a work in progress, but hopefully you can see where we're headed.\n\n**Recently Updated?** Please read the [changelog](https://github.com/callemall/material-ui/releases), this README and the documentation before posting an issue.\n\n## Required Knowledge\n\nWe recommend that you get to know [React](http://facebook.github.io/react/)\nbefore diving into material-ui. Material-UI is a set of React components,\nso understanding how React fits into web development is important.\n\n(If you're not familiar with Node, or with the concept of Single Page Applications (SPAs),\nhead over to the [documentation website](http://material-ui.com/#/get-started/required-knowledge)\nfor a quick introduction before you read on.)\n\n## Installation\n\nMaterial-UI is available as an [npm package](https://www.npmjs.org/package/material-ui).\n\n**Stable channel**\n```sh\nnpm install material-ui\n```\n\n**Pre-release channel**\n```sh\nnpm install material-ui@next\n```\n\nPlease note that `@next` will only point to pre-releases; to get the latest stable release use `@latest` instead.\n\n\n### React-Tap-Event-Plugin\n\n(not needed for versions 0.19.0 and higher)\n\nSome components use\n[react-tap-event-plugin](https://github.com/zilverline/react-tap-event-plugin) to\nlisten for touch events because onClick is not fast enough\n_This dependency is temporary and will eventually go away._ Until then,\nbe sure to inject this plugin at the start of your app.\n\n```js\nimport injectTapEventPlugin from 'react-tap-event-plugin';\n\n// Needed for onTouchTap\n// http://stackoverflow.com/a/34015469/988941\ninjectTapEventPlugin();\n```\n\n### Roboto Font\n\nMaterial-UI was designed with the [Roboto](http://www.google.com/fonts/specimen/Roboto)\nfont in mind. So be sure to include it in your project. Here are\n[some instructions](http://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,300,500)\non how to do so.\n\n## Usage\n\nBeginning with v0.15.0, Material-UI components require a theme to be provided. The quickest way to get up and running is by using the `MuiThemeProvider` to inject the theme into your application context. Following that, you can use any of the components as demonstrated in the documentation.\n\nHere is a quick example to get you started:\n\n**./App.js**\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';\nimport MyAwesomeReactComponent from './MyAwesomeReactComponent';\n\nconst App = () => (\n \n \n \n);\n\nReactDOM.render(\n ,\n document.getElementById('app')\n);\n```\n\n**./MyAwesomeReactComponent.js**\n```jsx\nimport React from 'react';\nimport RaisedButton from 'material-ui/RaisedButton';\n\nconst MyAwesomeReactComponent = () => (\n \n);\n\nexport default MyAwesomeReactComponent;\n```\n\nPlease refer to each component's documentation page to see how they should be imported.\n\n## Customization\n\nWe have implemented a default theme to render all Material-UI components.\nStyling components to your liking is simple and hassle-free. This can be\nachieved in the following two ways:\n\n* [Use a custom theme to style components](http://material-ui.com/#/customization/themes)\n* [Override individual component styles via the `style` prop](http://www.material-ui.com/#/customization/styles)\n\n## Examples\n\nThere are 2 projects that you can look at to get started. They can be found in the\n[examples folder](https://github.com/callemall/material-ui/tree/master/examples).\nThese projects are basic examples that show how to consume material-ui components\nin your own project. The first project uses [browserify](http://browserify.org/)\nfor module bundling and [gulp](http://gulpjs.com/) for JS task automation,\nwhile the second project uses [webpack](http://webpack.github.io/) for module bundling and building.\n\nThe source code for this documentation site is also included in the repository.\nThis is a slightly more complex project that also uses webpack, and contains\nexamples of every material-ui component. Check out the\n[docs folder](https://github.com/callemall/material-ui/tree/master/docs)\nfor build instructions.\n\n## Roadmap\n\nThe future plans and high priority features and enhancements can be found\nin the [ROADMAP.md](https://github.com/callemall/material-ui/blob/master/ROADMAP.md) file.\n\n## Contribute\n\n[Material-UI](http://www.material-ui.com/) came about from our love of\n[React](http://facebook.github.io/react/) and\n[Google's Material Design](https://www.google.com/design/spec/material-design/introduction.html).\nWe're currently using it on a project at [Call-Em-All](https://www.call-em-all.com/Careers)\nand plan on adding to it and making it better. If you'd like to help,\ncheck out the [docs folder](https://github.com/callemall/material-ui/tree/master/docs).\nWe'd greatly appreciate any [contribution](https://github.com/callemall/material-ui/blob/master/CONTRIBUTING.md)\nyou make. :)\n\n## Thanks\n\n[![](\"https://www.browserstack.com/images/mail/browserstack-logo-footer.png\")
](https://www.browserstack.com/)\n\nThank you to [BrowserStack](https://www.browserstack.com/) for providing the infrastructure that allows us to test `material-ui` in real browsers.\n\n## License\nThis project is licensed under the terms of the\n[MIT license](https://github.com/callemall/material-ui/blob/master/LICENSE)\n","versions":{"0.16.8-1":{"name":"@airwallex/material-ui","author":{"name":"Call-em-all Engineering Team, customized by Airwallex"},"version":"0.16.8-1","description":"React Components that Implement Google's Material Design.","main":"./index.js","module":"./index.es.js","jsnext:main":"./index.es.js","keywords":["react","react-component","material design","material-ui"],"repository":{"type":"git","url":"git+https://github.com/airwallex/material-ui.git"},"license":"MIT","bugs":{"url":"https://github.com/callemall/material-ui/issues"},"homepage":"http://material-ui.com/","peerDependencies":{"react":"^15.0.0","react-dom":"^15.0.0","react-tap-event-plugin":"^1.0.0 || ^2.0.0"},"dependencies":{"babel-runtime":"^6.11.6","inline-style-prefixer":"^2.0.1","keycode":"^2.1.1","lodash.merge":"^4.6.0","lodash.throttle":"^4.1.1","react-addons-create-fragment":"^15.0.0","react-addons-transition-group":"^15.0.0","react-event-listener":"^0.4.0","recompose":"^0.21.0","simple-assign":"^0.1.0","warning":"^3.0.0"},"_id":"@airwallex/material-ui@0.16.8-1","scripts":{},"_shasum":"5a289e055e206486b1bc1de71cb54fbdf3840ac5","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"airwallex","email":"wallex_test@gmail.com"},"dist":{"shasum":"5a289e055e206486b1bc1de71cb54fbdf3840ac5","tarball":"https://registry.npmjs.org/@airwallex/material-ui/-/material-ui-0.16.8-1.tgz","integrity":"sha512-R8EybKYlT4H25JEeiS0+7TUgHlRoddus+RsRxcggytHQeGDyyfsyuybNCKw/j0V9xS+rQtcMyZ3ZYpU6u9RD/Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXGkueLO0ejcNchVUBoDprjedr4S31LcKjM/HiK7o13gIgQzHf5xjNsFCkD15QGVuTt3E+CRI1L52ozHURqdW3LWE="}]},"maintainers":[{"name":"airwallex","email":"wallex_test@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/material-ui-0.16.8-1.tgz_1486429857439_0.7006804177071899"},"directories":{},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.16.8-2":{"name":"@airwallex/material-ui","author":{"name":"Call-em-all Engineering Team, customized by Airwallex"},"version":"0.16.8-2","description":"React Components that Implement Google's Material Design.","main":"./index.js","module":"./index.es.js","jsnext:main":"./index.es.js","keywords":["react","react-component","material design","material-ui"],"repository":{"type":"git","url":"git+https://github.com/airwallex/material-ui.git"},"license":"MIT","bugs":{"url":"https://github.com/callemall/material-ui/issues"},"homepage":"http://material-ui.com/","peerDependencies":{"react":"^15.0.0","react-dom":"^15.0.0","react-tap-event-plugin":"^1.0.0 || ^2.0.0"},"dependencies":{"babel-runtime":"^6.11.6","inline-style-prefixer":"^2.0.1","keycode":"^2.1.1","lodash.merge":"^4.6.0","lodash.throttle":"^4.1.1","react-addons-create-fragment":"^15.0.0","react-addons-transition-group":"^15.0.0","react-event-listener":"^0.4.0","recompose":"^0.21.0","simple-assign":"^0.1.0","warning":"^3.0.0"},"_id":"@airwallex/material-ui@0.16.8-2","scripts":{},"_shasum":"8361d4a724189cbf375f87fa239d8e6b5aad9be8","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"airwallex","email":"wallextest@gmail.com"},"dist":{"shasum":"8361d4a724189cbf375f87fa239d8e6b5aad9be8","tarball":"https://registry.npmjs.org/@airwallex/material-ui/-/material-ui-0.16.8-2.tgz","integrity":"sha512-8FDXtDe+RyJmJkEvTqZKEBJutk4Nzk/MMtsbJ5eUJ9G8rW31HCI2PcB5sBeWQ7+4zs8RIzdTt13oWcWKWugi5A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICALnHmgJTSPKWJU3DB3c+qrJhXQJR/nNXIm1ETpCNquAiEAm5q7FOTaH7K5RbDDrdVq/D6UN2qtaEXVCNBz/RyfBNM="}]},"maintainers":[{"name":"airwallex","email":"wallex_test@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/material-ui-0.16.8-2.tgz_1486432477823_0.002314001554623246"},"directories":{},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.16.8-3":{"name":"@airwallex/material-ui","author":{"name":"Call-em-all Engineering Team, customized by Airwallex"},"version":"0.16.8-3","description":"React Components that Implement Google's Material Design.","main":"./index.js","module":"./index.es.js","jsnext:main":"./index.es.js","keywords":["react","react-component","material design","material-ui"],"repository":{"type":"git","url":"git+https://github.com/airwallex/material-ui.git"},"license":"MIT","bugs":{"url":"https://github.com/callemall/material-ui/issues"},"homepage":"http://material-ui.com/","peerDependencies":{"react":"^15.0.0","react-dom":"^15.0.0","react-tap-event-plugin":"^1.0.0 || ^2.0.0"},"dependencies":{"babel-runtime":"^6.11.6","inline-style-prefixer":"^2.0.1","keycode":"^2.1.1","lodash.merge":"^4.6.0","lodash.throttle":"^4.1.1","react-addons-create-fragment":"^15.0.0","react-addons-transition-group":"^15.0.0","react-event-listener":"^0.4.0","recompose":"^0.21.0","simple-assign":"^0.1.0","warning":"^3.0.0"},"_id":"@airwallex/material-ui@0.16.8-3","scripts":{},"_shasum":"d9581236750fa1931b28f30e58bdabae628106b6","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"airwallex","email":"wallextest@gmail.com"},"dist":{"shasum":"d9581236750fa1931b28f30e58bdabae628106b6","tarball":"https://registry.npmjs.org/@airwallex/material-ui/-/material-ui-0.16.8-3.tgz","integrity":"sha512-dlXGiT6e4wqmxgR4Om383zNQhkhhDB99EBSYyAzlF+siW0yTvcxBXVYfSnFbTrXu7ZOtFstDMaZFtuMBXS8Dlg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqCzn1IiD841eOyzEWfuhYpHedTQMGR45faDxt5dRTpQIhAIQKWeugFWh3lFomKcpfm3vmBU4mPr0E6ru45HhzpZPt"}]},"maintainers":[{"name":"airwallex","email":"wallex_test@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/material-ui-0.16.8-3.tgz_1486432978955_0.354396590963006"},"directories":{},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.16.8-4":{"name":"@airwallex/material-ui","author":{"name":"Call-em-all Engineering Team, customized by Airwallex"},"version":"0.16.8-4","description":"React Components that Implement Google's Material Design.","main":"./index.js","module":"./index.es.js","jsnext:main":"./index.es.js","keywords":["react","react-component","material design","material-ui"],"repository":{"type":"git","url":"git+https://github.com/airwallex/material-ui.git"},"license":"MIT","bugs":{"url":"https://github.com/callemall/material-ui/issues"},"homepage":"http://material-ui.com/","peerDependencies":{"react":"^15.0.0","react-dom":"^15.0.0","react-tap-event-plugin":"^1.0.0 || ^2.0.0"},"dependencies":{"babel-runtime":"^6.11.6","inline-style-prefixer":"^2.0.1","keycode":"^2.1.1","lodash.merge":"^4.6.0","lodash.throttle":"^4.1.1","react-addons-create-fragment":"^15.0.0","react-addons-transition-group":"^15.0.0","react-event-listener":"^0.4.0","recompose":"^0.21.0","simple-assign":"^0.1.0","warning":"^3.0.0"},"_id":"@airwallex/material-ui@0.16.8-4","scripts":{},"_shasum":"a87739b0820172e2650834c687cde89ef27046a7","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.5.0","_npmUser":{"name":"airwallex","email":"wallextest@gmail.com"},"dist":{"shasum":"a87739b0820172e2650834c687cde89ef27046a7","tarball":"https://registry.npmjs.org/@airwallex/material-ui/-/material-ui-0.16.8-4.tgz","integrity":"sha512-HiGdA6hybBnZ7eHBydOshPGQDEH7ASroV5XjqdEtqFtdtcggX7mMPF66+ujmp/EMrf2H/63PDb3lVkXo0cK/qQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEl+wgNT0Wx0tGyUU3wh0CNPYM9zuISWfzoEh8UTWs3nAiEA6uQQglP5uB/hOnaGAdwDXlu4NsgsLR4k4VFLYZt4IrY="}]},"maintainers":[{"name":"airwallex","email":"wallex_test@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/material-ui-0.16.8-4.tgz_1488246671333_0.908123288070783"},"directories":{},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.20.1-1":{"name":"@airwallex/material-ui","author":{"name":"Call-em-all Engineering Team, customized by Airwallex"},"version":"0.20.1-1","description":"React Components that Implement Google's Material Design.","main":"./index.js","module":"./index.es.js","jsnext:main":"./index.es.js","keywords":["react","react-component","material design","material-ui"],"repository":{"type":"git","url":"git+https://github.com/airwallex/material-ui.git"},"license":"MIT","bugs":{"url":"https://github.com/callemall/material-ui/issues"},"homepage":"http://material-ui.com/","peerDependencies":{"react":"^15.4.0 || ^16.0.0","react-dom":"^15.4.0 || ^16.0.0"},"dependencies":{"babel-runtime":"^6.23.0","inline-style-prefixer":"^3.0.8","keycode":"^2.1.8","lodash.merge":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.5.7","react-event-listener":"^0.5.1","react-transition-group":"^1.2.1","recompose":"^0.26.0","simple-assign":"^0.1.0","warning":"^3.0.0"},"_id":"@airwallex/material-ui@0.20.1-1","scripts":{},"_shasum":"31eb848a4de593ff7bb0b9bf8762d4f011ebcf4c","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.10.0","_npmUser":{"name":"airwallex","email":"wallextest@gmail.com"},"dist":{"shasum":"31eb848a4de593ff7bb0b9bf8762d4f011ebcf4c","tarball":"https://registry.npmjs.org/@airwallex/material-ui/-/material-ui-0.20.1-1.tgz","integrity":"sha512-npDfKEvzkKmTLi524TvrnnrsAQwRl1Dk/K/rml3CSE5RXg3PNYHn3s5ooUpFnTHABaLHlWVqXFX76sSscpy7iw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCx8+0mjQHD6iYa0vhuDn5QV7eC81ymL30AtR1vaIGOsAIge203CnBrTwsb23tNX3K3ZHBYwTGqm64AbmeqfbjdXBo="}]},"maintainers":[{"name":"airwallex","email":"wallex_test@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-ui-0.20.1-1.tgz_1515373737088_0.2223224549088627"},"directories":{},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"homepage":"http://material-ui.com/","keywords":["react","react-component","material design","material-ui"],"repository":{"type":"git","url":"git+https://github.com/airwallex/material-ui.git"},"author":{"name":"Call-em-all Engineering Team, customized by Airwallex"},"bugs":{"url":"https://github.com/callemall/material-ui/issues"},"license":"MIT","readmeFilename":"README.md"}