Skip to content

InsidersByte/bs-material-ui

Repository files navigation

Reason bindings for Material-UI

npm

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=`Inherit>
      <MaterialUI.Toolbar>
        <MaterialUI.Typography variant=`Title color=`Inherit>
          (ReasonReact.string("Title"))
        </MaterialUI.Typography>
      </MaterialUI.Toolbar>
    </MaterialUI.AppBar>
};

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