Materialize css for react

//to use materialize css in react js

npm install materialize-css

Source: stackoverflow.com

Using materialize css with react

import React from 'react';
import M from 'materialize-css';
....
// ref can only be used on class components
class SomeComponent extends Component {
  // get a reference to the element after the component has mounted
  componentDidMount(){
    M.Sidenav.init(this.sidenav);
  }

  render(){
    return (
      <ul className={this.props.classes}
          ref={ (sidenav) => {this.sidenav = sidenav} }
          id={this.props.id}>
        // menuItems
      </ul>
    )
  }
}

Source: stackoverflow.com

Similar codes

2 votes242 views1 answer
Css rounded corners at top only
CSS
2 votes256 views3 answers
How to disable link in hmtl
CSS
1 vote252 views1 answer
Css animate background image
CSS
0 vote221 views1 answer
Horizontal checkbox css
CSS
0 vote237 views1 answer
Mixin parameters
CSS
0 vote234 views1 answer
Center child container
CSS
0 vote236 views1 answer
Awesome font google icon colored css
CSS
29 votes253 views6 answers
Background size in css
CSS
32 votes247 views5 answers
Css text align right
CSS
13 votes254 views4 answers
How to print background bootstrap
CSS