search

cschroeter / park-ui

Beautifully designed components built with Ark UI and Panda CSS that work with a variety of JS frameworks.
https://park-ui.com
MIT License
1.74k stars 75 forks source link

[Components]: Menu does have styling in "xs, sm and lg" size #420

Open A1X5H04 opened 2 months ago

A1X5H04 commented 2 months ago

Using size value other than "md" does not have styles and fallback to default size image

c-butler-edacious commented 2 months ago

I've been having the same issue with other components. For me, I think it might be related to the static nature of Panda CSS: https://panda-css.com/docs/concepts/style-props#property-renaming

A1X5H04 commented 2 months ago

I've been having the same issue with other components. For me, I think it might be related to the static nature of Panda CSS: https://panda-css.com/docs/concepts/style-props#property-renaming

But it does recompile every hot reload, so I think the problem is not he panda css, I still don't understand why they remove tailwind

spd789562 commented 2 months ago

You should checkout the class is set on them, if it does, try to generate static css for them, see static generator

// panda.config.js
  theme: {
    extend: {
      slotRecipes: {
        menu: {
          staticCss: [{ size: ['sm', 'md'] }]
        }
      }
    }
  }