Skip to content

Latest commit

 

History

History
31 lines (26 loc) · 1.04 KB

module-system.md

File metadata and controls

31 lines (26 loc) · 1.04 KB
Raw

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>