search

swordev / suid

A port of Material-UI (MUI) built with SolidJS.
https://suid.io
MIT License
680 stars 49 forks source link

Responsive `sx` props are not working #189

Closed dzeroone closed 1 year ago

dzeroone commented 1 year ago

Try this out -

<AppBar position="static" sx={{
    width: { sm: `calc(100% - 250px)` },
    ml: { sm: `250px` },
  }} />

it will say -

Types of property 'width' are incompatible.
        Type '{ sm: string; }' is not assignable to type 'Width<string | number> | StyleCascade<SxPropsBase<Theme<Breakpoint>>> | undefined'.
juanrgm commented 1 year ago

Duplicated (https://github.com/swordev/suid/issues/166).