Rails + React + InertiaJS + Tailwind v4 + Shadcn

[jangbros]

Tech Stack: Rails + React Vite + InertiaJS + Tailwind v4 + Shadcn

I can't get the block to show up as expected on the shadcn website (https://ui.shadcn.com/blocks/login). Does tailwind v4 not support it yet? Or is there something wrong with my settings?

I followed https://ui.shadcn.com/docs/installation/vite but using js.

[dilkhush-raj]

I think you have not added placeholder.svg. See login-form.tsx code, there is img with src="/placeholder.svg" or fix your path of image if required.

<img
 src="/placeholder.svg"
 alt="Image"
 className="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
/>

[jangbros]

Figured it out. CSS was being applied to rails view components but not react/inertiajs.