https://github.com/InsidersByte/bs-material-ui
Reason bindings for material-ui
https://github.com/InsidersByte/bs-material-ui
Last synced: 8 months ago
JSON representation
Reason bindings for material-ui
- Host: GitHub
- URL: https://github.com/InsidersByte/bs-material-ui
- Owner: InsidersByte
- License: mit
- Created: 2017-10-31T17:03:08.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-05-15T07:19:14.000Z (over 7 years ago)
- Last Synced: 2024-11-09T22:02:43.313Z (about 1 year ago)
- Language: OCaml
- Homepage: https://github.com/callemall/material-ui
- Size: 156 KB
- Stars: 70
- Watchers: 6
- Forks: 15
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-list - bs-material-ui - ui | InsidersByte | 70 | (OCaml)
README
# Reason bindings for Material-UI
[](https://www.npmjs.com/package/bs-material-ui)
[Reason](https://reasonml.github.io/) bindings for [material-ui](https://github.com/callemall/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`:
```json
{
...
"bs-dev-dependencies": ["bs-material-ui"]
}
```
## Usage
```reason
let component = ReasonReact.statelessComponent("Header");
let make = (_children) => {
...component,
render: (_self) =>
(ReasonReact.string("Title"))
};
```
> 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
* [x] AppBar
* [x] Avatar
* [x] Badge
* [ ] BottomNavigationButton
* [ ] BottomNavigation
* [x] ButtonBase
* [x] Button
* [x] CardActions
* [x] CardContent
* [x] CardHeader
* [x] CardMedia
* [x] Card
* [x] Checkbox
* [x] Chip
* [x] CircularProgress
* [x] Collapse
* [x] DialogActions
* [x] DialogContentText
* [x] DialogContent
* [x] DialogTitle
* [x] Dialog
* [x] Divider
* [x] Drawer
* [ ] Fade
* [x] FormControlLabel
* [x] FormControl
* [x] FormGroup
* [x] FormHelperText
* [x] FormLabel
* [ ] GridListTitleBar
* [ ] GridListTitle
* [ ] GridList
* [x] Grid
* [ ] Grow
* [ ] Hidden
* [ ] IconButton
* [x] Icon
* [ ] InputAdornment
* [x] InputLabel
* [x] Input
* [x] LinearProgress
* [x] ListItemAvatar
* [x] ListItemIcon
* [x] ListItemSecondaryAction
* [x] ListItemText
* [x] ListItem
* [x] ListSubheader
* [x] List
* [x] MenuItem
* [ ] MenuList
* [ ] Menu
* [ ] MobileStepper
* [ ] MuiThemeProvider
* [x] Paper
* [ ] Popover
* [ ] RadioGroup
* [ ] Radio
* [x] Select
* [ ] Slide
* [ ] SnackbarContent
* [ ] Snackbar
* [ ] SvgIcon
* [x] Switch
* [x] Tab
* [x] TableBody
* [x] TableCell
* [x] TableFooter
* [x] TableHead
* [x] TablePagination
* [x] TableRow
* [ ] TableSortLabel
* [x] Table
* [x] Tabs
* [x] TextField
* [x] Toolbar
* [x] Tooltip
* [x] Typography