ui

ui copied to clipboard

Motivation

While following the Remix setup documentation, I encountered an error when executing the CLI on the second step. The error message is depicted in the image below:

It became apparent that the Tailwind CSS framework needs to be installed prior to executing the shadcn-ui initialization command.

Changes

To resolve this issue, I have reorganized the documentation to ensure that the Tailwind CSS installation section precedes the CLI execution section.

@shihui-huang is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

Other parts of this docs seems outdated too (like the remix.config.js). What do you think about suggesting to follow the tailwind installation steps (instead of retracing those steps here), then the ones related to shadcn-ui ?

Hi @alcpereira, I just updated the docs following the newest tailwind installation.

i do not know if anyone tried this but even the changes above do not work this might help to debug:

1. tailwindcss directly in the app folder works
2. if i copy the html output and paste it into the route (where tailwind works) ... change class to className ... the css gets applied correctly
3. using the output from @/components/ui/button ... comes out without any styles applied

if needed i can give a repo for this but it is literally the code from the docs + the updates from this issue

@shihui-huang is this PR ready to go? Does it require an update?

I'm closing this in favor of #3027. Please reopen if not a duplicate. Thank you.