Skip to content

Latest commit

 

History

History
17 lines (14 loc) · 493 Bytes

tailwind.md

File metadata and controls

17 lines (14 loc) · 493 Bytes

Usage with TailwindCSS

It is important to change the style precedence order with the help of the StyledEngineProvider component, otherwise the internal MUI classes will overwrite your styles.

Example

@react.component
let make = () =>
  <Mui.StyledEngineProvider injectFirst=true>
    <Mui.Button color=Primary classes={root: "normal-case justify-start"} onClick=ignore>
      {React.string("Hello, Tailwind & MUI!")}
    </Mui.Button>
  </Mui.StyledEngineProvider>