shadow-panda icon indicating copy to clipboard operation
shadow-panda copied to clipboard

compile panda css

Open TimiBolu opened this issue 2 years ago • 3 comments

please what exactly do you mean when you say "Compile Panda CSS, copy components and use it!". It's the compile panda that get's me confused

TimiBolu avatar Oct 27 '23 15:10 TimiBolu

You need to first to init your repo with the panda cli. Then when you look at the Panda doc (https://panda-css.com/docs/installation/nextjs#update-packagejson-scripts) you need to do a panda prepare. This will compile your conf and modify the @shadow-panda/styled-system folder

stvncode avatar Nov 15 '23 23:11 stvncode

Thank you so much man

TimiBolu avatar Nov 16 '23 07:11 TimiBolu

@stvncode > You need to first to init your repo with the panda cli. Then when you look at the Panda doc (https://panda-css.com/docs/installation/nextjs#update-packagejson-scripts) you need to do a panda prepare. This will compile your conf and modify the @shadow-panda/styled-system folder

can you support in installing this package as I did as documantion but can't use it i have many errors my steps as: 1- yarn create next-app 2 - installing panda-css 3- try my app work well 4- Install Shadow as documentation have many errors as Module not found: Can't resolve '@/components/ui/checkbox' 1 | import { css } from "../../styled-system/css";

2 | import { Checkbox } from "@/components/ui/checkbox";

Ahmed-Ibrahim-Anter avatar Dec 21 '23 12:12 Ahmed-Ibrahim-Anter