Skip to content
Snippets Groups Projects
README.md 764 B
Newer Older
Andy Summers's avatar
Andy Summers committed
# uw-material-ui-react

UW Material UI React is a preconfigured UW-Madison theme for use with
[Material-UI](https://material-ui.com/)-based React projects.

![UW Material UI React](screenshots/uw-material-ui-react.png)

## Example Usage

```jsx
import React from "react";
import ReactDOM from "react-dom";
Andy Summers's avatar
Andy Summers committed
import { createMuiTheme } from "@material-ui/core/styles";
Andy Summers's avatar
Andy Summers committed
import { ThemeProvider } from "@material-ui/styles";
import Button from "@material-ui/core/Button";
Andy Summers's avatar
Andy Summers committed
import theme from "uw-material-ui-react";
Andy Summers's avatar
Andy Summers committed

Andy Summers's avatar
Andy Summers committed
const uwMadison = createMuiTheme(theme);
Andy Summers's avatar
Andy Summers committed

function App(props) {
  return (
Andy Summers's avatar
Andy Summers committed
    <ThemeProvider theme={uwMadison}>
Andy Summers's avatar
Andy Summers committed
      <Button>{props.text}</Button>
    </ThemeProvider>
  );
}

ReactDOM.render(<App text="I'm blue!" />, document.getElementById('app'));
```