© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
6 replies
XODIN

How can I install Alpine.js?

I have the follow problem div :

<div class="flex flex-grow p-2 h-96 sm:h-full sm:p-0 sm:py-4 sm:mr-2 sm:w-1/4 lg:py-4 md:mr-4" x-show="show" x-transition:enter="transition ease-out duration-1000"
x-transition:enter-start="opacity-0 transform translate-y-1 scale-90"
x-transition:enter-end="opacity-100 transform translate-y-0 scale-100">

</div>


doesnt work x-show neither x-transition I guess is for Alpine

So i have installed Alpine by npm and import in app.js but I see the problem is in filament , the component works perfectly if I delete x-show and transition etc... So what I need to do ? php artisan filament:assets for install Alpine ?
Solution
you have x-data around ?
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

How can I run Alpine.js code from php or blade?
FilamentFFilament / ❓┊help
3y ago
How can I access viewData variables in a view using Alpine.js?
FilamentFFilament / ❓┊help
17mo ago
Alpine js error, navigation group
FilamentFFilament / ❓┊help
16mo ago
how to use alpine js floating ui in livewire3?
FilamentFFilament / ❓┊help
3y ago