Reason bindings for Material-UI

Reason bindings for material-ui.

Status

🚧 This is a WIP, not everything is supported yet. 🚧

Feel free to create an issue or PR if you find anything missing.

Installation

yarn add bs-material-ui
yarn add material-ui@1.0.0-beta.19

Then add bs-material-ui to bs-dev-dependencies in your bsconfig.json:

{
  ...
  "bs-dev-dependencies": ["bs-material-ui"]
}

Usage

let component = ReasonReact.statelessComponent("Header");

let make = (_children) => {
  ...component,
  render: (_self) =>
    MaterialUI.(
      <AppBar position="static" color="default">
        <Toolbar>
          <Typography _type="title" color="inherit">
            (ReasonReact.stringToElement("Title"))
          </Typography>
        </Toolbar>
      </AppBar>
    )
};

Bindings

• AppBar
• Avatar
• Badge
• BottomNavigationButton
• BottomNavigation
• ButtonBase
• Button
• CardActions
• CardContent
• CardHeader
• CardMedia
• Card
• Checkbox
• Chip
• CircularProgress
• Collapse
• DialogActions
• DialogContentText
• DialogContent
• DialogTitle
• Dialog
• Divider
• Drawer
• Fade
• FormControlLabel
• FormControl
• FormGroup
• FormHelperText
• FormLabel
• GridListTitleBar
• GridListTitle
• GridList
• Grid
• Grow
• Hidden
• IconButton
• Icon
• InputAdornment
• InputLabel
• Input
• LinearProgress
• ListItemAvatar
• ListItemIcon
• ListItemSecondaryAction
• ListItemText
• ListItem
• ListSubheader
• List
• MenuItem
• MenuList
• Menu
• MobileStepper
• MuiThemeProvider
• Paper
• Popover
• RadioGroup
• Radio
• Select
• Slide
• SnackbarContent
• Snackbar
• SvgIcon
• Switch
• Tab
• TableBody
• TableCell
• TableFooter
• TableHead
• TablePagination
• TableRow
• TableSortLabel
• Table
• Tabs
• TextField
• Toolbar
• Tooltip
• Typography