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

1 vote203 views3 answers
How to place a table in center in css
CSS
17 votes168 views1 answer
Variables scss en calc()
CSS
47 votes189 views6 answers
Css blur
CSS
145 votes353 views6 answers
Add bootstrap to react
CSS Bootstrap
1 vote178 views1 answer
Html list over three columns
CSS
0 vote178 views1 answer
Css styles responsive password input eye
CSS
0 vote126 views1 answer
Matsnackbar background color
CSS
5 votes135 views1 answer
How to create a background-color before image in css
CSS
3 votes170 views2 answers
Css glow text
CSS
6 votes198 views1 answer
Border-radius circle using %
CSS