materiot

[WIP] #Materiot

Materiot is a set of Riot custom tags that implements Google's Material Design specification.

Materiot was forked from Material-UI. We really want to thank them for all their work.

Installation

npm install materiot

After npm install, you'll find all the .jsx files in the /src folder and their compiled versions in the /lib folder.

Roboto Font

Material-UI, the original libary, was designed with the Roboto font in mind. So be sure to include it in your project. Here are some instructions on how to do so.

Usage (WIP)

//Basic React component that renders a material-ui
//raised button with the text "Default"
 
const React = require('react');
const RaisedButton = require('material-ui/lib/raised-button');
 
const MyAwesomeReactComponent = React.createClass({
  render() {
    return (
        <RaisedButton label="Default" />
    );
  },
});
 
module.exports = MyAwesomeReactComponent;
 

Customization (WIP)

We have implemented a default theme to render all Material-UI components. Styling components to your liking is simple and hassle-free. This can be achieved in the following two ways:

• Use a custom theme to style components
• Override individual component styles via the style prop

Examples (WIP)

See our example repository.

Contribute

Always welcome :)

License

MIT license