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@next

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">
      <MaterialUI.Toolbar>
        <MaterialUI.Typography
          _type="title" color=MaterialUI.Typography.Color.Inherit>
          (ReasonReact.stringToElement("Title"))
        </MaterialUI.Typography>
      </MaterialUI.Toolbar>
    </MaterialUI.AppBar>
};

let component = ReasonReact.statelessComponent "Header"
let make _children =
  {
    component with
    render =
      (fun _self  ->
         ((MaterialUI.AppBar.createElement ~position:"static"
             ~color:"default"
             ~children:[((MaterialUI.Toolbar.createElement
                            ~children:[((MaterialUI.Typography.createElement
                                           ~_type:"title"
                                           ~color:MaterialUI.Typography.Color.Inherit
                                           ~children:[ReasonReact.stringToElement
                                                        "Title"] ())[@JSX ])]
                            ())[@JSX ])] ())[@JSX ]))
  }

It is not recommended to open this module as it will clash with other modules.
If you wish to do so please be aware that the List component will clash with the standard library List module.

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