module-system.md

System

The Mui.System module contains types for @mui/system values and props that are used in components like Box or Grid.

The bindings are not complete and therefore do not offer the full functionality that the original does. Feel free to open an issue if you're missing a vital use case with this component.

It makes heavy use of unboxed & untagged unions. Please refer to this section, to see how they are used.

Example:

@react.component
let make = () =>
  <Mui.Box
    component={Mui.OverridableComponent.string("span")}
    style={JsxDOMStyle.boxSizing: "border-box"}
    p={Breakpoint({sm: Number(2.), md: Number(5.)})}
    m={Array([Number(2.), Number(5.)])}
    borderTop={Number(1.)}
    borderColor={ErrorMain}
    color={TextSecondary}
    bgcolor={BackgroundPaper}
    fontSize={String("30px")}>
    {"Testbox"->React.string}
  </Mui.Box>