/react-materialize-cra-example

Example repo of react-materialize usage within create-react-app

Primary LanguageJavaScript

react-materialize create-react-app example

Usage

npm install
npm start

Configure

  1. npm install react-materialize
  2. npm install jquery materialize-css@0.100.2
  3. Update src/App.js
import React, { Component } from 'react';
import 'jquery';
import 'materialize-css/dist/js/materialize.js';
import 'materialize-css/dist/css/materialize.css';
import './App.css';
import { Container, Dropdown, Button, NavItem } from 'react-materialize';

class App extends Component {
  render() {
    return (
      <Container>
        <Dropdown trigger={<Button icon='airplanemode_active' />}>
          <NavItem>BCN</NavItem>
          <NavItem>SFX</NavItem>
          <NavItem divider />
          <NavItem>AGP</NavItem>
        </Dropdown>
      </Container>
    );
  }
}

export default App;