livewire / flux

The official Livewire UI component library
https://fluxui.dev
476 stars 42 forks source link

Trouble getting any fluxui working #321

Closed rndmfv closed 1 month ago

rndmfv commented 1 month ago

Flux blade code only partially being interpreted. Do you have any leads I can follow to rectify? Example result when using fluxui navbar code copy-pasted exactly from docs:

Image

Notes:

patrykszady commented 1 month ago

There's a great community here for questions like this. Try composer dumpautoload && php artisan optimize:clear. Then npm run build maybe (worked for someone recently but npm run dev did not ... must have been his setup)

hanafihisyammm commented 1 month ago

Have you tried to add at component layout app?

igmltd commented 1 month ago

Had the same issue, just add the directory to your tailwind config:

content: [
    ...,
    "./vendor/livewire/flux-pro/stubs/**/*.blade.php",
    "./vendor/livewire/flux/stubs/**/*.blade.php",
],

see https://fluxui.dev/docs/installation

rndmfv commented 1 month ago

Have you tried to add at component layout app?

Adding this makes SOME of the components display properly, so it's clearly an issue with my tailwind install somehow. The autocomplete component works perfectly, but the the navbar still displays incompletely per above image, and the Switch displays only the text not the actual switch, but the

To answer others:

I appreciate the answers above.

joshhanley commented 1 month ago

@rndmfv Make sure you are on Tailwind v3.4.10 or later https://fluxui.dev/docs/installation

calebporzio commented 1 month ago

This is probably something specific to your project, so closing. thanks @joshhanley and others