{"_id":"@aryadinata/material-ui","_rev":"3-8f4a5ed9ac492fb7cb075fe83e596cee","name":"@aryadinata/material-ui","description":"React Components that Implement Google's Material Design.","dist-tags":{"latest":"1.0.0-alpha.test"},"versions":{"0.18.0":{"name":"@aryadinata/material-ui","author":{"name":"Material-UI Team"},"version":"0.18.0","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/callemall/material-ui.git"},"license":"MIT","bugs":{"url":"https://github.com/callemall/material-ui/issues"},"homepage":"http://material-ui.com/","peerDependencies":{"react":"^15.4.0","react-dom":"^15.4.0","react-tap-event-plugin":"^2.0.1"},"dependencies":{"babel-runtime":"^6.23.0","inline-style-prefixer":"^3.0.2","keycode":"^2.1.8","lodash.merge":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.5.7","react-transition-group":"^1.1.2","react-event-listener":"^0.4.5","recompose":"^0.23.0","simple-assign":"^0.1.0","warning":"^3.0.0"},"_id":"@aryadinata/material-ui@0.18.0","scripts":{},"_shasum":"95f4b7f4253bf7f26c3154c4276e4161de6652d6","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.2","_npmUser":{"name":"made-aryadinata","email":"madearyadinata@gmail.com"},"dist":{"shasum":"95f4b7f4253bf7f26c3154c4276e4161de6652d6","tarball":"https://registry.npmjs.org/@aryadinata/material-ui/-/material-ui-0.18.0.tgz","integrity":"sha512-cFTu1/msYhcy5ATYJurxISs+Gpkd5t/TtrWfXycJTtzJVILX2R5f7HGtiy0jFl/O1j9kgQm0V20gFgrPVyVsRw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRGgzJJQ8LEmRMV6AMWe/17XLHbdtGwdJ34af13mTXIAIgN0rQsEcAqd/M9wGcyrHXl4BKZhVQQMMjz0vPp9TBd4Q="}]},"maintainers":[{"name":"made-aryadinata","email":"madearyadinata@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/material-ui-0.18.0.tgz_1493773305103_0.5563365139532834"}},"1.0.0-alpha.test":{"name":"@aryadinata/material-ui","author":{"name":"Material-UI Team"},"version":"1.0.0-alpha.test","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/callemall/material-ui.git"},"license":"MIT","bugs":{"url":"https://github.com/callemall/material-ui/issues"},"homepage":"http://material-ui.com/","peerDependencies":{"react":"^15.4.0","react-dom":"^15.4.0","react-tap-event-plugin":"^2.0.1"},"dependencies":{"babel-runtime":"^6.23.0","inline-style-prefixer":"^3.0.2","keycode":"^2.1.8","lodash.merge":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.5.7","react-transition-group":"^1.1.2","react-event-listener":"^0.4.5","recompose":"^0.23.0","simple-assign":"^0.1.0","warning":"^3.0.0"},"_id":"@aryadinata/material-ui@1.0.0-alpha.test","scripts":{},"_shasum":"3d1eafd9aa2111d909c63c2d34d249353a4c62ac","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.2","_npmUser":{"name":"made-aryadinata","email":"madearyadinata@gmail.com"},"dist":{"shasum":"3d1eafd9aa2111d909c63c2d34d249353a4c62ac","tarball":"https://registry.npmjs.org/@aryadinata/material-ui/-/material-ui-1.0.0-alpha.test.tgz","integrity":"sha512-kyzsHmnKnKyaunVV57JqHh7EYCplnECWblThzhX989Zj25a8tSuuelOjDOcUYqo+ryJhJZLKNuf+hpL+goA+3Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIESFGXthiTw4k9IhxU3B+BE94fUgu22U7CuVJ1hyyJbZAiArI/OgVTQX0Ao6eIDNHiU7pfh8/bwDguLNUgGgSLmr9Q=="}]},"maintainers":[{"name":"made-aryadinata","email":"madearyadinata@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/material-ui-1.0.0-alpha.test.tgz_1493773475554_0.37391184316948056"}}},"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\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","maintainers":[{"name":"made-aryadinata","email":"madearyadinata@gmail.com"}],"time":{"modified":"2022-06-12T14:49:04.838Z","created":"2017-05-03T01:01:47.094Z","0.18.0":"2017-05-03T01:01:47.094Z","1.0.0-alpha.test":"2017-05-03T01:04:37.497Z"},"homepage":"http://material-ui.com/","keywords":["react","react-component","material design","material-ui"],"repository":{"type":"git","url":"git+https://github.com/callemall/material-ui.git"},"author":{"name":"Material-UI Team"},"bugs":{"url":"https://github.com/callemall/material-ui/issues"},"license":"MIT","readmeFilename":"README.md"}