Everything you need to use material ui inside your Meteor application.
meteor add react
meteor add react-template-helper
meteor add poetic:react-material-ui
Example app with material ui based on the default meteor application template.
Everything you need to use material ui inside your Meteor application.
meteor add react
meteor add react-template-helper
meteor add poetic:react-material-ui
Example app with material ui based on the default meteor application template.
hi - i'm trying to use the menu example as per NavigationMoreVert
I noticed that is defined here:
https://github.com/callemall/material-ui/search?utf8=%E2%9C%93&q=NavigationMoreVert
I guess this is an icon which your package doesn't include, however a lot of the demos of MUI include icons meaning we have to pick apart the code surgically to get things to work.
iconElementRight={
<IconMenu
iconButtonElement={
<IconButton>
<NavigationMoreVert />
</IconButton>
} >
<MenuItem primaryText='Help' index={1} />
<MenuItem primaryText='Sign out' index={2} />
</IconMenu>
} />
Hello :)
I am trying to develop a react app and I wanted to start using your package but the example doesn't work and I can't figure out how to solve this problem and go on.
I have done all these steps as you told :
meteor add react
meteor add react-template-helper
meteor add poetic:react-material-ui
But I get ReferenceError: mui is not defined at todo-tm.jsx:1:11
Thanks by advance for any help
The following code does not show an icon inside the button
<FloatingActionButton
style={this.style}
onClick={this.gotoWishlistsNew}
iconClassName="muidocs-icon-action-grade"
backgroundColor="#f34333"/>
Are the icons imported? If not, how can we import the icons?
hi - I tried using this package, and while the components render there is no interaction (menus don't open on click etc.)
Am i doing something wrong? demo app is here
source
https://github.com/dcsan/react-hot/tree/using-poetic-mui
demo
http://poetic-mui.meteor.com/
note i did update the package to use latest 0.14 of mui
https://github.com/callemall/material-ui/blob/master/CHANGELOG.md#0131
and so had to fork your package to do that too
dcsan@490f90c
maybe there were breaking changes.
TableBody, TableRow and TableRowColumn are not exported.
They are exported in material-ui/src/index.js but are not in the browserified version (see the module.exports of poetic_react-material-ui.js file).
The example app is throwing an error because the muiTheme is missing in context.
var ThemeManager = new mui.Styles.ThemeManager();
var App = React.createClass({
// This mixin makes the getMeteorData method work
mixins: [ReactMeteorData],
childContextTypes: {
muiTheme: React.PropTypes.object
},
getChildContext() {
return {
muiTheme: ThemeManager.getCurrentTheme()
}
},
...
Error occurs on this line
var React = (typeof window !== "undefined" ? window['React']['require'] : typeof global !== "undefined" ? global['React']['require'] : null)("react");
and amounts to not finding window['React'].
Please add new MenuItem from lib/MenuItem
because some issues from npm show that new menuitem should be used from /material-ui/lib/menus/menu-item #1346
I created a new project and follow the directions on the readme.md
but when I run I got this error:
W20151117-21:10:08.466(-2)? (STDERR) ReferenceError: mui is not defined
W20151117-21:10:08.466(-2)? (STDERR) at first-meteor.jsx:1:64
W20151117-21:10:08.467(-2)? (STDERR) at /Users/carniatto/dev/material-meteor/first-meteor/.meteor/local/build/programs/server/app/first-meteor.jsx:89:4
W20151117-21:10:08.467(-2)? (STDERR) at /Users/carniatto/dev/material-meteor/first-meteor/.meteor/local/build/programs/server/boot.js:242:10
W20151117-21:10:08.467(-2)? (STDERR) at Array.forEach (native)
W20151117-21:10:08.468(-2)? (STDERR) at Function..each..forEach (/Users/carniatto/.meteor/packages/meteor-tool/.1.1.10.1b51q9m++os.osx.x86_64+web.browser+web.cordova/mt-os.osx.x86_64/dev_bundle/server-lib/node_modules/underscore/underscore.js:79:11)
W20151117-21:10:08.468(-2)? (STDERR) at /Users/carniatto/dev/material-meteor/first-meteor/.meteor/local/build/programs/server/boot.js:137:5
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.